.styledrop-skip {
  position:absolute;
  left:1rem;
  top:1rem;
  z-index:1000;
  transform:translateY(-160%);
  border-radius:999px;
  background:#17130f;
  color:#fff;
  padding:.8rem 1rem;
  text-decoration:none}
.styledrop-skip:focus {
  transform:translateY(0);
  outline:3px solid #b9895f;
  outline-offset:3px}
.styledrop-page {
  --sd-bg:#fbf6ed;
  --sd-surface:#fffdf8;
  --sd-ink:#17130f;
  --sd-muted:#6d6258;
  --sd-soft:#e9decf;
  --sd-accent:#6f3f46;
  --sd-accent-2:#536347;
  --sd-clay:#b9895f;
  --sd-radius:28px;
  --sd-radius-lg:38px;
  --sd-shadow:0 24px 70px rgba(52,39,27,.12);
  background:linear-gradient(180deg,#fff9ee 0%,var(--sd-bg) 38%,#f6efe4 100%);
  color:var(--sd-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:visible}
.styledrop-page * {
  box-sizing:border-box}
.styledrop-page a {
  color:inherit}
.sd-container {
  width:min(100% - clamp(36px,7vw,128px),1280px);
  margin-inline:auto}
.sd-section {
  padding-block:clamp(72px,9vw,132px);
  position:relative}
.sd-section h2,.sd-hero h1,.sd-hero__headline {
  letter-spacing:-.055em;
  line-height:1.06}
.sd-section h2 {
  font-size:clamp(2rem,3.2vw,3.25rem);
  font-weight:650;
  margin:0;
  color:var(--sd-ink)}
.sd-section h3 {
  letter-spacing:-.03em}
.sd-eyebrow {
  margin:0 0 1rem;
  color:var(--sd-accent);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase}
.sd-lede,.sd-copy p,.sd-section-head p {
  color:var(--sd-muted);
  font-size:clamp(1rem,1.35vw,1.18rem);
  line-height:1.8}
.sd-section-head {
  max-width:760px;
  margin-bottom:clamp(34px,5vw,64px)}
.sd-section-head p {
  margin:1.35rem 0 0}
.sd-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  border:1px solid transparent;
  border-radius:999px;
  padding:.85rem 1.2rem;
  font-size:.92rem;
  font-weight:750;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease,border-color .2s ease}
.sd-button:focus-visible,.styledrop-page button:focus-visible,.styledrop-page a:focus-visible {
  outline:3px solid rgba(111,63,70,.36);
  outline-offset:4px}
.sd-button:hover {
  transform:translateY(-2px)}
.sd-button--primary {
  background:var(--sd-ink);
  color:#fff;
  box-shadow:0 12px 26px rgba(23,19,15,.16)}
.styledrop-page .sd-hero .sd-button.sd-button--primary,
.styledrop-page .sd-hero .sd-button.sd-button--primary:visited,
.styledrop-page .sd-hero .sd-button.sd-button--primary:hover,
.styledrop-page .sd-hero .sd-button.sd-button--primary:focus-visible {
  color:#fff!important;
  opacity:1;
  visibility:visible;
  text-indent:0}
.sd-button--quiet {
  background:#fff;
  border-color:var(--sd-soft);
  color:var(--sd-ink)}
.sd-back {
  display:inline-flex;
  margin-bottom:clamp(24px,4vw,46px);
  font-size:.9rem;
  font-weight:650;
  color:#766a5f;
  text-decoration:none}
.sd-back:hover {
  color:var(--sd-ink)}
.sd-hero {
  padding-top:clamp(58px,7vw,96px)}
.sd-hero__grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  gap:clamp(42px,7vw,96px);
  align-items:center}
.sd-hero h1 {
  margin:0;
  font-size:clamp(3.5rem,6.5vw,6rem);
  font-weight:720}
.sd-hero__headline {
  margin:.75rem 0 1.4rem;
  max-width:800px;
  font-size:clamp(2rem,3.3vw,3.25rem);
  font-weight:640}
.sd-lede {
  max-width:700px;
  margin:0}
.sd-project-meta {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  max-width:700px;
  margin:1.8rem 0 0;
  border-block:1px solid var(--sd-soft)}
.sd-project-meta div {
  padding:.9rem 1.1rem .9rem 0}
.sd-project-meta div:nth-child(even) {
  padding-left:1.1rem;
  border-left:1px solid var(--sd-soft)}
.sd-project-meta dt {
  margin:0 0 .25rem;
  color:var(--sd-muted);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.35;
  text-transform:uppercase}
.sd-project-meta dd {
  margin:0;
  color:var(--sd-ink);
  font-size:.9rem;
  font-weight:650;
  line-height:1.4}
.sd-hero__details {
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin:1.8rem 0 2.2rem;
  padding:0;
  list-style:none}
.sd-hero__details li {
  border:1px solid var(--sd-soft);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  padding:.68rem .9rem;
  color:#51473f;
  font-size:.9rem}
.sd-hero__visual {
  position:relative;
  min-height:640px;
  display:grid;
  place-items:center;
  isolation:isolate;
  overflow:visible}
.sd-problem-photo,.sd-ingest__photo img,.sd-wardrobe-grid img,.sd-look-image img,.sd-inventory img,.sd-look-focus>img,.sd-digital-figure img,.sd-mini-preview img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover}
.sd-phone {
  position:relative;
  z-index:3;
  width:min(360px,88vw);
  border-radius:44px;
  background:linear-gradient(145deg,#2b2724,#0d0b09);
  padding:14px;
  box-shadow:var(--sd-shadow),0 34px 110px rgba(23,19,15,.24);
  transform:rotate(1.5deg)}
.sd-phone__bar {
  width:86px;
  height:5px;
  border-radius:99px;
  background:#050505;
  margin:3px auto 10px}
.sd-phone__screen {
  min-height:600px;
  border-radius:34px;
  background:#faf4ea;
  padding:24px;
  overflow:hidden}
.sd-app-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
  font-size:.86rem;
  color:#776b5e}
.sd-app-header strong {
  color:var(--sd-ink)}
.sd-phone-weather {
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 12px;
  margin-bottom:18px;
  padding:16px 18px;
  border:1px solid #eadfce;
  border-radius:22px;
  background:#f3ece2}
.sd-phone-weather span,.sd-phone-weather p,.sd-phone-weather small {
  margin:0;
  color:#73685d;
  font-size:.76rem}
.sd-phone-weather strong {
  grid-row:span 2;
  grid-column:2;
  align-self:center;
  font-size:1.55rem}
.sd-phone-weather small {
  grid-column:1}
.sd-context-card,.sd-look-stack article,.sd-explain-chip {
  border:1px solid #eadfce;
  background:#fffdf8;
  border-radius:22px}
.sd-context-card {
  padding:18px;
  box-shadow:0 12px 30px rgba(52,39,27,.07)}
.sd-context-card p,.sd-context-card span {
  margin:0;
  color:#8b7f73;
  font-size:.76rem}
.sd-context-card div {
  margin-top:12px}
.sd-context-card strong {
  display:block;
  margin-top:3px;
  font-size:.95rem}
.sd-look-stack {
  display:grid;
  gap:10px;
  margin-top:18px}
.sd-look-stack article {
  padding:14px;
  display:grid;
  grid-template-columns:32px 1fr;
  gap:4px 10px}
.sd-look-stack span {
  grid-row:span 2;
  color:var(--sd-accent);
  font-weight:800}
.sd-look-stack small {
  color:#7b7168}
.sd-mini-preview {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:10px;
  margin-top:18px}
.sd-mini-preview img {
  min-height:74px;
  border-radius:18px;
  border:1px solid #eadfce}
.sd-mini-preview img:first-child {
  grid-column:span 2;
  max-height:132px;
  object-position:center 56%}
.sd-explain-chip {
  margin:18px 0 0;
  padding:14px;
  font-size:.8rem;
  line-height:1.55;
  color:#5f5549}
.sd-orbit-card {
  position:absolute;
  width:220px;
  z-index:2;
  border:1px solid rgba(234,223,206,.8);
  border-radius:24px;
  background:rgba(255,253,248,.86);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 54px rgba(52,39,27,.13);
  padding:18px}
.sd-orbit-card svg {
  width:34px;
  height:34px;
  color:var(--sd-accent);
  margin-bottom:10px}
.sd-orbit-card span,.sd-orbit-card small {
  display:block;
  color:#82776b;
  font-size:.76rem}
.sd-orbit-card strong {
  display:block;
  margin:.25rem 0;
  font-size:1rem}
.sd-orbit-card--wardrobe {
  z-index:2;
  right:0;
  bottom:10%}
.sd-two-col {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);
  gap:clamp(34px,7vw,88px);
  align-items:center}
.sd-two-col--wide {
  grid-template-columns:minmax(0,.75fr) minmax(420px,1fr)}
.sd-copy p {
  margin:1.25rem 0 0}
.sd-problem-map {
  border:1px solid var(--sd-soft);
  border-radius:var(--sd-radius-lg);
  background:rgba(255,253,248,.7);
  padding:clamp(20px,3vw,34px);
  box-shadow:var(--sd-shadow)}
.sd-problem-photo {
  aspect-ratio:16/10;
  border-radius:28px;
  margin-bottom:20px;
  border:1px solid #eadfce;
  object-position:center;
  filter:saturate(.9) contrast(.98) sepia(.06)}
.sd-problem-item {
  display:grid;
  grid-template-columns:160px 1fr;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid var(--sd-soft)}
.sd-problem-item span {
  color:var(--sd-accent);
  font-weight:800;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.12em}
.sd-problem-item strong {
  font-size:clamp(1.2rem,2vw,1.8rem);
  letter-spacing:-.035em}
.sd-problem-resolve {
  margin-top:24px;
  border-radius:24px;
  background:#261d17;
  color:#fff;
  padding:24px;
  font-size:clamp(1.4rem,2.6vw,2.4rem);
  letter-spacing:-.045em;
  line-height:1.05}
.sd-wardrobe {
  background:radial-gradient(circle at 18% 18%,rgba(185,137,95,.16),transparent 32%),radial-gradient(circle at 88% 28%,rgba(83,99,71,.13),transparent 28%)}
.sd-onboarding-grid {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  gap:24px}
.sd-ingest {
  display:grid;
  grid-template-columns:minmax(180px,.8fr) 34px minmax(220px,1fr) minmax(170px,.7fr);
  gap:18px;
  align-items:center;
  border:1px solid var(--sd-soft);
  border-radius:var(--sd-radius-lg);
  background:#fffdf8;
  padding:clamp(18px,3vw,30px);
  box-shadow:var(--sd-shadow)}
.sd-ingest__photo {
  min-height:280px;
  aspect-ratio:4/5;
  border-radius:28px;
  background:linear-gradient(145deg,#e9e2d7,#f8f1e7);
  position:relative;
  overflow:hidden;
  margin:0}
.sd-ingest__photo:after {
  content:"";
  position:absolute;
  inset:18px;
  border:1px dashed rgba(255,255,255,.72);
  border-radius:22px;
  pointer-events:none}
.sd-ingest__photo img {
  object-position:center 48%;
  filter:saturate(.88) contrast(.95) sepia(.07)}
.sd-ingest__photo span {
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:2;
  border-radius:999px;
  background:rgba(255,253,248,.88);
  padding:.5rem .7rem;
  color:#6b6059;
  font-size:.85rem;
  font-weight:750}
.sd-ingest__photo i {
  content:"";
  position:absolute;
  top:28px;
  right:28px;
  width:74px;
  height:74px;
  border-radius:22px;
  border:1px solid rgba(111,63,70,.36);
  background:rgba(255,253,248,.62);
  box-shadow:0 10px 28px rgba(52,39,27,.14)}
.sd-ingest__arrow {
  height:2px;
  background:#d7c8b7;
  position:relative}
.sd-ingest__arrow:after {
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid #d7c8b7;
  border-top:2px solid #d7c8b7;
  transform:translateY(-50%) rotate(45deg)}
.sd-ingest__analysis {
  border:1px solid #eadfce;
  border-radius:28px;
  padding:22px;
  background:#fff}
.sd-ingest__analysis p,.sd-ingest__analysis h3 {
  margin:0}
.sd-ingest__analysis p {
  font-size:.78rem;
  color:#82776b;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800}
.sd-ingest__analysis h3 {
  margin-top:.5rem;
  font-size:1.65rem}
.sd-ingest__analysis ul {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0;
  padding:0;
  list-style:none}
.sd-ingest__analysis li {
  border-radius:999px;
  background:#f3ece2;
  padding:.45rem .65rem;
  color:#5b5148;
  font-size:.78rem}
.sd-confidence {
  display:flex;
  justify-content:space-between;
  border-top:1px solid #eadfce;
  padding-top:14px;
  margin-bottom:16px;
  color:#6b6059;
  font-size:.85rem}
.sd-wardrobe-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px}
.sd-wardrobe-grid span {
  aspect-ratio:1;
  overflow:hidden;
  border-radius:18px;
  background:#eee7dc}
.sd-wardrobe-grid img {
  object-position:center}
.sd-wardrobe-grid .is-added {
  background:#4f4a45;
  box-shadow:0 0 0 5px rgba(111,63,70,.16)}
.sd-methods {
  display:grid;
  gap:12px;
  align-self:start;
  align-content:start;
  grid-auto-rows:auto}
.sd-methods article {
  border:1px solid var(--sd-soft);
  border-radius:22px;
  background:rgba(255,253,248,.78);
  padding:16px 18px;
  min-height:0}
.sd-methods span {
  display:block;
  color:var(--sd-accent);
  font-size:.75rem;
  font-weight:800}
.sd-methods strong {
  display:block;
  margin-top:.35rem}
.sd-methods p {
  margin:8px 0 0;
  color:var(--sd-muted);
  font-size:.88rem;
  line-height:1.5}
.sd-journey {
  position:sticky;
  top:75px;
  z-index:20;
  background:rgba(251,246,237,.86);
  backdrop-filter:blur(18px);
  border-block:1px solid rgba(234,223,206,.82);
  transition:opacity .22s ease,transform .22s ease,visibility .22s}
.sd-journey.is-ended {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translateY(-12px)}
.sd-journey__inner {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px}
.sd-journey a {
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  text-align:center;
  text-decoration:none;
  color:#766a5f;
  font-size:.86rem;
  font-weight:750;
  border-inline:1px solid rgba(234,223,206,.55)}
.sd-journey a.is-active,.sd-journey a:hover {
  color:#fff;
  background:#261d17}
.sd-context-panel {
  border:1px solid var(--sd-soft);
  border-radius:var(--sd-radius-lg);
  background:#fffdf8;
  padding:clamp(18px,3vw,30px);
  box-shadow:var(--sd-shadow)}
.sd-context-panel fieldset {
  border:0;
  margin:0 0 22px;
  padding:0}
.sd-context-panel legend {
  margin-bottom:10px;
  font-weight:800;
  color:#342a23}
.sd-context-panel button,.sd-card-actions button,.sd-preview-actions button,.sd-swap-box button {
  min-height:44px;
  border:1px solid #e2d5c4;
  border-radius:999px;
  background:#fff;
  color:#4d443d;
  padding:.65rem .9rem;
  font-weight:750;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.sd-context-panel button:hover,.sd-card-actions button:hover,.sd-preview-actions button:hover,.sd-swap-box button:hover {
  transform:translateY(-1px);
  border-color:#bda88e}
.sd-context-panel button.is-active,.sd-swap-box button.is-active {
  background:#261d17;
  color:#fff;
  border-color:#261d17}
.sd-summary {
  display:block;
  border-radius:24px;
  background:#f2eadf;
  color:#3f332b;
  padding:18px;
  font-weight:750;
  line-height:1.55}
.sd-scenario {
  background:#fffdf8}
.sd-scenario-grid {
  display:grid;
  grid-template-columns:minmax(280px,.56fr) 1fr;
  gap:24px;
  align-items:start}
.sd-inventory {
  border-radius:var(--sd-radius-lg);
  border:1px solid var(--sd-soft);
  padding:24px;
  background:#fbf6ed;
  display:grid;
  gap:10px}
.sd-inventory img {
  aspect-ratio:16/10;
  border-radius:28px;
  margin-bottom:8px;
  border:1px solid #eadfce;
  object-position:center 58%}
.sd-inventory span {
  border-radius:18px;
  background:#fff;
  padding:14px 16px;
  color:#4d443d;
  font-weight:750}
.sd-day-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  align-self:center}
.sd-day-strip article {
  border-left:3px solid var(--sd-clay);
  border-radius:22px;
  background:#fbf6ed;
  padding:18px;
  min-height:0;
  height:auto}
.sd-day-strip span {
  color:var(--sd-accent);
  font-size:.78rem;
  font-weight:850}
.sd-day-strip strong {
  display:block;
  margin-top:.55rem}
.sd-day-strip p {
  margin:.5rem 0 0;
  color:#74695e;
  font-size:.9rem;
  line-height:1.55}
.sd-recommendations {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px}
.sd-look-card {
  border:1px solid var(--sd-soft);
  border-radius:var(--sd-radius-lg);
  background:rgba(255,253,248,.84);
  padding:24px;
  box-shadow:0 10px 30px rgba(52,39,27,.06);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sd-look-card.is-selected {
  border-color:rgba(111,63,70,.45);
  box-shadow:var(--sd-shadow);
  transform:translateY(-4px)}
.sd-look-card>p:first-child {
  margin:0;
  color:var(--sd-accent);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase}
.sd-look-card h3 {
  font-size:2rem;
  margin:.6rem 0 1rem}
.sd-look-image {
  margin:0 0 18px;
  aspect-ratio:4/5;
  border-radius:30px;
  overflow:hidden;
  border:1px solid #eadfce;
  background:#f2eadf}
.sd-look-image img {
  filter:saturate(.92) contrast(.98) sepia(.04);
  transition:transform .35s ease}
.sd-look-card:hover .sd-look-image img,.sd-look-card:focus-within .sd-look-image img {
  transform:scale(1.025)}
.sd-look-card[data-look-card="relaxed"] .sd-look-image img {
  object-position:center 55%}
.sd-look-card[data-look-card="polished"] .sd-look-image img {
  object-position:center 50%}
.sd-look-items {
  min-height:58px;
  color:#4f463e;
  line-height:1.55}
.sd-fit-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0}
.sd-fit-tags span {
  border-radius:999px;
  background:#f2eadf;
  padding:.44rem .6rem;
  color:#675c52;
  font-size:.78rem;
  font-weight:800}
.sd-card-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px}
.sd-card-actions button {
  font-size:.8rem}
.sd-explain {
  background:linear-gradient(180deg,#fbf6ed,#f1e7d9)}
.sd-explain-grid {
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(360px,1fr);
  gap:clamp(32px,6vw,76px);
  align-items:center}
.sd-look-focus {
  min-height:560px;
  border-radius:46px;
  background:#faf4ea;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:var(--sd-shadow)}
.sd-look-focus>img {
  position:absolute;
  inset:22px;
  width:calc(100% - 44px);
  height:calc(100% - 44px);
  border-radius:34px;
  border:1px solid rgba(255,255,255,.64)}
.sd-marker {
  position:absolute;
  z-index:3;
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:#261d17;
  color:#fff;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(23,19,15,.2)}
.sd-marker--one {
  top:27%;
  right:24%}
.sd-marker--two {
  top:50%;
  left:24%}
.sd-marker--three {
  bottom:19%;
  right:30%}
.sd-reason-panel {
  border:1px solid var(--sd-soft);
  border-radius:var(--sd-radius-lg);
  background:#fffdf8;
  padding:clamp(24px,4vw,42px);
  box-shadow:var(--sd-shadow)}
.sd-match {
  display:inline-flex;
  border-radius:999px;
  background:#edf0e8;
  color:#3d4b34;
  padding:.55rem .75rem;
  font-weight:800}
.sd-reasons {
  display:grid;
  gap:12px;
  margin-top:22px}
.sd-reasons article {
  border:1px solid #eadfce;
  border-radius:22px;
  padding:18px;
  background:#fff}
.sd-reasons article.is-active {
  border-color:var(--sd-accent);
  box-shadow:0 0 0 4px rgba(111,63,70,.1)}
.sd-reasons span {
  display:block;
  color:var(--sd-accent);
  font-size:.78rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.12em}
.sd-reasons p {
  margin:.45rem 0 0;
  color:#5f5549;
  line-height:1.65}
.sd-preview-grid {
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(360px,1fr);
  gap:clamp(34px,7vw,90px);
  align-items:center}
.sd-preview-panel {
  border:1px solid var(--sd-soft);
  border-radius:var(--sd-radius-lg);
  background:#fffdf8;
  padding:24px;
  box-shadow:var(--sd-shadow);
  display:grid;
  grid-template-columns:minmax(180px,.7fr) 1fr;
  gap:20px}
.sd-digital-figure {
  aspect-ratio:4/5;
  min-height:0;
  border-radius:34px;
  background:linear-gradient(180deg,#f7efe4,#e3d5c4);
  display:flex;
  align-items:end;
  justify-content:center;
  padding:22px;
  position:relative;
  overflow:hidden}
.sd-digital-figure img {
  position:absolute;
  inset:0;
  filter:saturate(.88) contrast(.96) sepia(.07);
  object-position:center 45%;
  transition:opacity .2s ease}
.sd-digital-figure img.is-changing {
  opacity:0}
.sd-digital-figure span {
  position:relative;
  z-index:2;
  border-radius:999px;
  background:#fff;
  padding:.6rem .8rem;
  font-size:.82rem;
  font-weight:800}
.sd-swap-box {
  align-self:start;
  border:1px solid #eadfce;
  border-radius:28px;
  background:#fff;
  padding:18px}
.sd-swap-box p {
  margin:0 0 12px;
  font-weight:850}
.sd-swap-box .sd-swap-explanation {
  margin:14px 0 0;
  color:#6d6258;
  font-size:.9rem;
  font-weight:400;
  line-height:1.55}
.sd-swap-box button {
  display:flex;
  width:100%;
  justify-content:center;
  margin-top:9px}
.sd-preview-actions {
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:9px}
.sd-benefit-grid,.sd-principles {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px}
.sd-benefit-grid article,.sd-principles article {
  border:1px solid var(--sd-soft);
  border-radius:28px;
  background:rgba(255,253,248,.78);
  padding:22px}
.sd-benefit-grid span {
  display:inline-flex;
  width:auto;
  min-height:38px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#f0e4d5;
  color:var(--sd-accent);
  padding:.55rem .75rem;
  line-height:1.2;
  font-weight:850}
.sd-benefit-grid h3,.sd-principles h3 {
  font-size:1.35rem;
  margin:1rem 0 .55rem}
.sd-benefit-grid p,.sd-principles p {
  margin:0;
  color:#6d6258;
  line-height:1.65}
.sd-secondary,.sd-social {
  background:#fffdf8}
.sd-gap-card {
  border-radius:var(--sd-radius-lg);
  background:#261d17;
  color:#fff;
  padding:clamp(24px,4vw,44px);
  box-shadow:var(--sd-shadow)}
.sd-gap-card span {
  display:block;
  color:#d9c9b6;
  font-size:.8rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.14em}
.sd-gap-card strong {
  display:block;
  margin-top:1rem;
  font-size:clamp(1.6rem,3vw,3rem);
  line-height:1.05;
  letter-spacing:-.045em}
.sd-gap-card p {
  margin:1rem 0 0;
  color:#e1d3c1;
  line-height:1.65}
.sd-gap-card small {
  display:block;
  margin-top:1rem;
  color:#d9c9b6;
  font-weight:750;
  line-height:1.5}
.sd-social-actions {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px}
.sd-social-actions article {
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e2d5c4;
  border-radius:24px;
  min-height:120px;
  background:#fbf6ed;
  color:#4d443d;
  padding:1rem;
  font-weight:750;
  text-align:center}
.sd-product-screen {
  display:block;
  width:100%;
  margin:0 auto}
.sd-product-screen img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:clamp(380px,70vh,600px);
  margin-inline:auto;
  object-fit:contain;
  border:1px solid rgba(234,223,206,.72);
  border-radius:clamp(24px,4vw,44px);
  background:#fff;
  box-shadow:0 20px 58px rgba(52,39,27,.13)}
.sd-product-screen--hero {
  max-width:285px}
.sd-product-screen--hero img {
  border-radius:38px;
  box-shadow:0 24px 62px rgba(52,39,27,.16)}
.sd-product-screen--wardrobe {
  max-width:620px}
.sd-product-screen--wardrobe img,
.sd-product-screen--feature img,
.sd-product-screen--preview img {
  max-height:clamp(560px,95vh,820px)}
.sd-privacy-note {
  border-left:3px solid var(--sd-accent);
  padding-left:16px}
.sd-product-flow {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(16px,2.3vw,30px);
  margin-top:clamp(48px,7vw,86px)}
.sd-flow-step {
  margin:0;
  min-width:0}
.sd-product-screen--compact {
  max-width:270px}
.sd-product-screen--compact img {
  width:100%;
  max-height:none;
  border-radius:26px;
  box-shadow:0 14px 36px rgba(52,39,27,.1)}
.sd-flow-step figcaption {
  display:grid;
  gap:7px;
  margin-top:18px}
.sd-flow-step figcaption strong {
  font-size:1rem}
.sd-flow-step figcaption span {
  color:var(--sd-muted);
  font-size:.9rem;
  line-height:1.55}
.sd-feature-screen-grid {
  display:grid;
  grid-template-columns:minmax(360px,.95fr) minmax(280px,.7fr);
  align-items:center;
  gap:clamp(42px,8vw,110px)}
.sd-feature-screen-grid--reverse {
  grid-template-columns:minmax(280px,.7fr) minmax(360px,.95fr)}
.sd-product-screen--feature {
  max-width:560px}
.sd-feature-copy h3 {
  margin:.35rem 0 1rem;
  font-size:clamp(2rem,4vw,4.2rem);
  line-height:1;
  letter-spacing:-.05em}
.sd-feature-copy p:not(.sd-eyebrow),.sd-reason-panel--simple>p:not(.sd-eyebrow):not(.sd-match) {
  color:var(--sd-muted);
  font-size:clamp(1rem,1.35vw,1.18rem);
  line-height:1.8}
.sd-outfit-detail {
  background:#fffdf8}
.sd-reason-panel--simple p {
  margin-top:1.2rem}
.sd-preview-showcase {
  display:grid;
  grid-template-columns:minmax(360px,1.1fr) minmax(280px,.7fr);
  align-items:center;
  gap:clamp(34px,7vw,90px)}
.sd-product-screen--preview {
  max-width:600px}
.sd-preview-panel--compact {
  grid-template-columns:1fr;
  align-self:center;
  padding:18px}
.sd-preview-panel--compact .sd-digital-figure {
  max-height:310px}
.sd-preview-panel--compact .sd-digital-figure img {
  object-fit:contain;
  object-position:center;
  background:#f5efe6}
.sd-overview {
  background:#fffdf8;
  padding-block:clamp(56px,7vw,88px)}
.sd-overview-figure {
  max-width:1080px;
  margin-inline:auto}
.sd-overview-figure img {
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--sd-soft);
  border-radius:var(--sd-radius-lg);
  background:#fff;
  box-shadow:var(--sd-shadow)}
.sd-overview-figure figcaption {
  margin-top:16px;
  color:var(--sd-muted);
  font-size:.92rem;
  line-height:1.6}
.sd-closing {
  padding-bottom:clamp(82px,10vw,150px)}
.sd-closing__inner {
  max-width:860px;
  border-radius:48px;
  background:#261d17;
  color:#fff;
  padding:clamp(28px,6vw,70px);
  box-shadow:0 30px 90px rgba(23,19,15,.2)}
.sd-closing h2 {
  color:#fff}
.sd-closing p {
  color:#e1d3c1;
  font-size:1.08rem;
  line-height:1.8}
.sd-note {
  font-size:.9rem!important;
  color:#bba994!important}
.sd-closing__actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px}
.sd-closing .sd-button--quiet {
  background:transparent;
  border-color:rgba(255,255,255,.28);
  color:#fff}
.sd-closing .sd-button--primary {
  background:#fff;
  color:#17130f}
.sd-reveal {
  opacity:0;
  transform:translateY(22px);
  transition:opacity .55s ease,transform .55s ease}
.sd-reveal.is-visible {
  opacity:1;
  transform:none}
@media (max-width:1100px) {
.sd-hero__grid,.sd-two-col,.sd-two-col--wide,.sd-onboarding-grid,.sd-scenario-grid,.sd-explain-grid,.sd-preview-grid {
  grid-template-columns:1fr}
.sd-hero__visual {
  min-height:610px;
  order:2}
.sd-orbit-card--wardrobe {
  right:clamp(20px,8vw,96px)}
.sd-ingest {
  grid-template-columns:1fr}
.sd-ingest__arrow {
  width:2px;
  height:34px;
  margin:auto}
.sd-ingest__arrow:after {
  right:50%;
  top:auto;
  bottom:-1px;
  transform:translateX(50%) rotate(135deg)}
.sd-day-strip,.sd-benefit-grid,.sd-principles {
  grid-template-columns:repeat(2,1fr)}
.sd-recommendations {
  grid-template-columns:1fr}
.sd-preview-panel {
  grid-template-columns:1fr}
.sd-social-actions {
  grid-template-columns:1fr}
.sd-feature-screen-grid,.sd-feature-screen-grid--reverse,.sd-preview-showcase {
  grid-template-columns:1fr}
.sd-feature-copy {
  max-width:720px;
  margin-inline:auto}
.sd-preview-panel--compact {
  width:min(100%,620px);
  margin-inline:auto}
}
@media (max-width:760px) {
.sd-container {
  width:min(100% - 40px,1280px)}
.sd-section {
  padding-block:64px}
.sd-hero {
  padding-top:48px}
.sd-hero__visual {
  min-height:auto;
  display:grid;
  gap:14px}
.sd-phone {
  width:100%;
  transform:none}
.sd-phone__screen {
  min-height:auto}
.sd-orbit-card {
  position:relative;
  width:auto;
  margin:0}
.sd-orbit-card--wardrobe {
  inset:auto;
  transform:none}
.sd-problem-item {
  grid-template-columns:1fr;
  gap:6px}
.sd-journey__inner {
  display:flex;
  width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin}
.sd-journey a {
  flex:0 0 min(74vw,240px);
  min-height:54px;
  padding:10px 14px}
.sd-context-panel button {
  width:100%;
  margin-bottom:8px}
.sd-day-strip,.sd-benefit-grid,.sd-principles {
  grid-template-columns:1fr}
.sd-look-focus {
  min-height:440px}
.sd-inventory {
  order:-1}
.sd-social-actions article {
  min-height:82px}
.sd-closing__actions .sd-button {
  width:100%}
.sd-product-flow {
  grid-template-columns:1fr}
.sd-flow-step {
  display:grid;
  grid-template-columns:minmax(0,210px) 1fr;
  align-items:center;
  gap:18px}
.sd-flow-step figcaption {
  margin-top:0}
.sd-product-screen--hero {
  width:min(100%,390px)}
}
@media (max-width:430px) {
.sd-container {
  width:min(100% - 36px,1280px)}
.sd-hero h1 {
  font-size:3.25rem}
.sd-hero__headline {
  font-size:2rem}
.sd-section h2 {
  font-size:1.9rem}
.sd-hero__details {
  display:grid}
.sd-phone {
  border-radius:34px;
  padding:10px}
.sd-phone__screen {
  border-radius:26px;
  padding:18px}
.sd-mini-preview img {
  min-height:68px}
.sd-ingest__photo {
  min-height:220px}
.sd-card-actions button,.sd-preview-actions button {
  width:100%}
.sd-flow-step {
  grid-template-columns:1fr}
.sd-product-screen--compact {
  max-width:300px}
.sd-flow-step figcaption {
  margin-top:4px}
}
@media (max-width:560px) {
.sd-overview {
  display:none}
}
.styledrop-page .sd-hero__visual{min-height:0}
@media (prefers-reduced-motion:reduce) {
.styledrop-page *,.styledrop-page *:before,.styledrop-page *:after {
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  scroll-behavior:auto!important;
  transition-duration:.001ms!important}
.sd-reveal {
  opacity:1;
  transform:none}
}