:root{
  --dw-bg:#0c0f14;
  --dw-bg-soft:#141922;
  --dw-panel:#131922;
  --dw-panel-2:#171d27;
  --dw-panel-3:rgba(19,25,34,.78);
  --dw-line:rgba(255,255,255,.09);
  --dw-line-strong:rgba(255,255,255,.18);
  --dw-text:#f5f8ff;
  --dw-muted:#97a2b7;
  --dw-muted-2:#677288;
  --dw-cyan:#86e7ff;
  --dw-blue:#7aa2ff;
  --dw-violet:#9d8dff;
  --dw-green:#49ddaa;
  --dw-amber:#f3ba62;
  --dw-red:#ff7d95;
  --dw-radius:24px;
  --dw-radius-sm:18px;
  --dw-shadow:0 30px 90px rgba(0,0,0,.35);
  --dw-shadow-soft:0 16px 40px rgba(0,0,0,.22);
  --dw-gradient:linear-gradient(135deg, rgba(122,162,255,.95), rgba(134,231,255,.88) 54%, rgba(157,141,255,.9));
  --dw-gradient-soft:linear-gradient(180deg, rgba(23,29,39,.92), rgba(15,19,27,.92));
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  min-height:100vh;
  font-family:"Manrope",system-ui,sans-serif;
  color:var(--dw-text);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.05), transparent 24%),
    radial-gradient(circle at bottom right, rgba(134,231,255,.08), transparent 26%),
    linear-gradient(180deg, #0a0d12 0%, #0d1117 48%, #10141b 100%);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:78px 78px;
  mask-image:linear-gradient(180deg, rgba(255,255,255,.2), transparent 82%);
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
select,
textarea{
  font:inherit;
}

button{
  cursor:pointer;
}

.dw-shell{
  width:min(1160px, calc(100% - 24px));
  margin:0 auto;
  padding:18px 0 116px;
}

.dw-header-shell{
  position:sticky;
  top:0;
  z-index:40;
  padding:16px 14px 0;
  backdrop-filter:blur(18px);
}

.dw-header{
  width:min(1160px, 100%);
  margin:0 auto;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(7,14,25,.92);
  box-shadow:var(--dw-shadow-soft);
  display:grid;
  gap:8px;
}

.dw-brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.dw-brand-mark{
  position:relative;
  width:60px;
  height:60px;
  border-radius:22px;
  background:
    radial-gradient(circle at 30% 30%, rgba(112,244,255,.28), transparent 36%),
    linear-gradient(160deg, rgba(21,31,53,.98), rgba(8,14,27,.94));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 14px 34px rgba(0,0,0,.24);
  display:grid;
  place-items:center;
  overflow:hidden;
}

.dw-brand-core{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  transform:translateX(1px);
}

.dw-brand-letter{
  font-family:"Sora",system-ui,sans-serif;
  font-size:21px;
  font-weight:800;
  letter-spacing:-.1em;
  line-height:1;
}

.dw-brand-letter.is-alt{
  color:#baf2ff;
}

.dw-brand-slash{
  width:2px;
  height:24px;
  border-radius:999px;
  background:var(--dw-gradient);
  transform:rotate(18deg);
  box-shadow:0 0 16px rgba(112,244,255,.45);
}

.dw-brand-pulse{
  position:absolute;
  inset:auto 8px 8px auto;
  z-index:1;
  display:grid;
  gap:3px;
}

.dw-brand-pulse i{
  display:block;
  width:18px;
  border-radius:999px;
  background:var(--dw-gradient);
  opacity:.9;
}

.dw-brand-pulse i:nth-child(1){height:3px}
.dw-brand-pulse i:nth-child(2){height:5px}
.dw-brand-pulse i:nth-child(3){height:7px}

.dw-brand-copy{
  display:grid;
  gap:4px;
}

.dw-brand-copy strong{
  font-family:"Sora",system-ui,sans-serif;
  font-size:1.25rem;
  letter-spacing:-.05em;
}

.dw-brand-copy span{
  color:var(--dw-muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.24em;
  font-weight:800;
}

.dw-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.dw-nav-link,
.dw-mobile-link,
.dw-btn{
  min-height:48px;
  border-radius:16px;
  transition:.2s ease;
}

.dw-nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 14px;
  color:var(--dw-muted);
  background:rgba(255,255,255,.03);
  border:1px solid transparent;
  font-weight:700;
}

.dw-nav-link span:last-child,
.dw-btn span:last-child{
  line-height:1;
}

.dw-nav-icon,
.dw-btn-icon{
  width:24px;
  height:24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  color:#eef6ff;
  font-size:12px;
  line-height:1;
  flex:0 0 auto;
}

.dw-nav-link:hover,
.dw-nav-link.is-active{
  color:var(--dw-text);
  border-color:var(--dw-line-strong);
  background:rgba(73,131,255,.12);
}

.dw-header-meta{
  display:grid;
  gap:6px;
}

.dw-account-chip{
  min-height:40px;
  padding:7px 10px;
  border-radius:16px;
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.03);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.dw-account-plan{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.dw-account-plan.is-pro{
  background:rgba(73,221,170,.15);
  color:#b4ffe7;
  border:1px solid rgba(73,221,170,.28);
}

.dw-account-plan.is-free{
  background:rgba(73,131,255,.14);
  color:#c5dbff;
  border:1px solid rgba(73,131,255,.24);
}

.dw-account-name{
  color:var(--dw-text);
  font-weight:800;
  text-align:right;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dw-header-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.dw-btn{
  border:1px solid transparent;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
}

.dw-btn:hover{
  transform:translateY(-1px);
}

.dw-btn--primary{
  color:#05101e;
  background:var(--dw-gradient);
  box-shadow:0 18px 34px rgba(73,131,255,.22);
}

.dw-btn--secondary{
  color:var(--dw-text);
  background:rgba(255,255,255,.06);
  border-color:var(--dw-line);
}

.dw-btn--soft{
  color:#d8ecff;
  background:rgba(73,131,255,.14);
  border-color:rgba(73,131,255,.2);
}

.dw-btn--ghost{
  color:var(--dw-text);
  background:transparent;
  border-color:var(--dw-line);
}

.dw-btn--danger{
  color:#ffd6de;
  background:rgba(255,125,149,.08);
  border-color:rgba(255,125,149,.18);
}

.dw-card,
.dw-panel,
.dw-metric,
.dw-auth-card,
.dw-pricing-card,
.dw-result-card,
.dw-modal-card{
  border-radius:var(--dw-radius);
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(18px);
  box-shadow:var(--dw-shadow-soft);
}

.dw-panel,
.dw-card,
.dw-result-card,
.dw-auth-card,
.dw-pricing-card{
  padding:18px;
}

.dw-hero{
  display:grid;
  gap:14px;
  padding:12px 0 10px;
}

.dw-hero--compact{
  gap:10px;
  padding:6px 0 4px;
}

.dw-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--dw-cyan);
  font-size:11px;
  font-weight:900;
  letter-spacing:.26em;
  text-transform:uppercase;
}

.dw-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--dw-cyan);
  box-shadow:0 0 0 6px rgba(112,244,255,.08);
}

.dw-hero h1,
.dw-section-title,
.dw-auth-title,
.dw-result-title{
  margin:0;
  font-family:"Sora",system-ui,sans-serif;
  letter-spacing:-.06em;
}

.dw-hero h1{
  font-size:clamp(2.8rem, 10vw, 5.6rem);
  line-height:.96;
  max-width:10ch;
}

.dw-hero p{
  margin:0;
  color:var(--dw-muted);
  line-height:1.55;
  max-width:42ch;
}

.dw-hero--compact h1{
  font-size:clamp(2.2rem, 8vw, 4.1rem);
  max-width:9ch;
}

.dw-hero--compact p{
  max-width:28ch;
}

.dw-gateway{
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at top left, rgba(112,244,255,.08), transparent 28%),
    linear-gradient(145deg, rgba(12,18,28,.96), rgba(9,13,21,.94));
  box-shadow:0 26px 60px rgba(0,0,0,.28);
}

.dw-gateway-copy{
  display:grid;
  gap:14px;
}

.dw-gateway-copy h1{
  margin:0;
  font-family:"Sora",system-ui,sans-serif;
  font-size:clamp(2.6rem, 9vw, 5rem);
  letter-spacing:-.08em;
  line-height:.94;
  max-width:9ch;
}

.dw-gateway-copy p{
  margin:0;
  color:var(--dw-muted);
  line-height:1.6;
  max-width:34ch;
}

.dw-gateway-side{
  display:grid;
  gap:12px;
}

.dw-gateway-stat,
.dw-gateway-step{
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
}

.dw-gateway-stat span{
  display:block;
  color:var(--dw-muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.dw-gateway-stat strong{
  display:block;
  margin-top:10px;
  font-family:"Sora",system-ui,sans-serif;
  font-size:2rem;
  letter-spacing:-.08em;
}

.dw-gateway-stat p,
.dw-gateway-step p{
  margin:8px 0 0;
  color:var(--dw-muted);
  line-height:1.5;
}

.dw-gateway-stat.is-accent{
  background:linear-gradient(145deg, rgba(122,162,255,.18), rgba(255,255,255,.06));
}

.dw-gateway-flow{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.dw-gateway-step strong{
  display:inline-flex;
  width:30px;
  height:30px;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  font-size:12px;
}

.dw-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.dw-badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.dw-inline-badge{
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#eef4ff;
  display:inline-flex;
  align-items:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}

.dw-hero-grid,
.dw-grid-2,
.dw-grid-3,
.dw-grid-4,
.dw-dashboard-layout,
.dw-dashboard-shell,
.dw-auth-layout,
.dw-pricing-grid,
.dw-results-grid,
.dw-analysis-grid,
.dw-stats-grid{
  display:grid;
  gap:16px;
}

.dw-feature-card,
.dw-preview-card,
.dw-metric,
.dw-dashboard-spotlight,
.dw-status-card,
.dw-composer-card,
.dw-side-card{
  padding:16px;
  border-radius:20px;
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(20px);
}

.dw-step-grid{
  display:grid;
  gap:12px;
}

.dw-step-card{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  backdrop-filter:blur(18px);
  box-shadow:0 14px 32px rgba(0,0,0,.14);
}

.dw-step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:28px;
  margin-bottom:14px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(134,231,255,.14);
  color:#d9fbff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.22em;
}

.dw-step-card strong{
  display:block;
  margin:0 0 8px;
  font-size:1.02rem;
}

.dw-step-card p{
  margin:0;
  color:var(--dw-muted);
  line-height:1.6;
}

.dw-feature-card strong,
.dw-preview-card strong,
.dw-status-card strong,
.dw-side-card strong{
  display:block;
  margin:0 0 8px;
  font-size:1rem;
}

.dw-feature-card p,
.dw-preview-card p,
.dw-status-card p,
.dw-side-card p,
.dw-copy{
  margin:0;
  color:var(--dw-muted);
  line-height:1.65;
}

.dw-metric{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.dw-metric span{
  display:block;
  color:var(--dw-muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
}

.dw-metric strong{
  display:block;
  margin-top:12px;
  font-size:2rem;
  font-family:"Sora",system-ui,sans-serif;
  letter-spacing:-.06em;
}

.dw-metric em{
  display:block;
  margin-top:8px;
  color:var(--dw-muted);
  font-style:normal;
}

.dw-section{
  padding-top:4px;
}

.dw-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.dw-section-title{
  font-size:1.7rem;
}

.dw-section-sub{
  margin:4px 0 0;
  color:var(--dw-muted);
  line-height:1.5;
}

.dw-comparison-list,
.dw-list,
.dw-analysis-list,
.dw-match-meta,
.dw-mini-list{
  margin:0;
  padding:0;
  list-style:none;
}

.dw-comparison-list li,
.dw-list li,
.dw-analysis-list li,
.dw-mini-list li{
  position:relative;
  padding-left:18px;
  color:var(--dw-muted);
  line-height:1.7;
}

.dw-comparison-list li::before,
.dw-list li::before,
.dw-analysis-list li::before,
.dw-mini-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--dw-cyan);
}

.dw-auth-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px 14px 110px;
}

.dw-auth-layout{
  width:min(1160px, 100%);
}

.dw-auth-card{
  padding:22px;
}

.dw-auth-title{
  font-size:2.25rem;
}

.dw-auth-copy{
  margin:8px 0 0;
  color:var(--dw-muted);
  line-height:1.55;
}

.dw-form{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.dw-form-row{
  display:grid;
  gap:8px;
}

.dw-form-row label{
  color:#eef4ff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dw-form-row input,
.dw-form-row textarea{
  width:100%;
  min-height:56px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.08);
  color:var(--dw-text);
  outline:none;
}

.dw-form-row textarea{
  min-height:128px;
  resize:vertical;
}

.dw-form-row input:focus,
.dw-form-row textarea:focus{
  border-color:var(--dw-line-strong);
  box-shadow:0 0 0 5px rgba(112,244,255,.08);
}

.dw-form-note,
.dw-inline-link{
  color:var(--dw-muted);
  font-size:14px;
}

.dw-inline-link a{
  color:var(--dw-cyan);
  font-weight:800;
}

.dw-feedback{
  min-height:24px;
  color:var(--dw-muted);
  font-size:14px;
}

.dw-feedback.is-error{
  color:#ffc0cd;
}

.dw-feedback.is-success{
  color:#aef6dc;
}

.dw-dashboard-shell{
  padding-top:10px;
}

.dw-dashboard-spotlight--compact{
  padding:14px 16px;
}

.dw-results-grid--single{
  grid-template-columns:1fr !important;
}

.dw-composer-card--compact{
  gap:12px;
  padding:16px;
}

.dw-stats-grid--compact{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

.dw-auth-card--compact{
  max-width:680px;
}

.dw-dashboard-spotlight{
  overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.06), transparent 26%),
    linear-gradient(145deg, rgba(26,31,40,.92), rgba(16,20,27,.92));
}

.dw-spotlight-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.dw-status-inline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.dw-pill,
.dw-result-tag,
.dw-inline-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.05);
  color:#e6f3ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.dw-pill.is-pro{background:rgba(73,221,170,.14);color:#baffea;border-color:rgba(73,221,170,.24)}
.dw-pill.is-free{background:rgba(73,131,255,.14);color:#d2e3ff;border-color:rgba(73,131,255,.24)}
.dw-pill.is-warning{background:rgba(243,186,98,.16);color:#ffe0b0;border-color:rgba(243,186,98,.26)}

.dw-dashboard-layout{
  align-items:start;
}

.dw-composer-card{
  display:grid;
  gap:14px;
}

.dw-input-grid{
  display:grid;
  gap:10px;
}

.dw-input-shell{
  position:relative;
}

.dw-input-shell input{
  width:100%;
  min-height:54px;
  padding:16px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.08);
  color:var(--dw-text);
  outline:none;
}

.dw-input-shell input:focus{
  border-color:var(--dw-line-strong);
  box-shadow:0 0 0 5px rgba(112,244,255,.08);
}

.dw-suggestions{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:12;
  display:grid;
  gap:8px;
}

.dw-suggestion{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(248,251,255,.94);
  color:#101722;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(16px);
  text-align:left;
}

.dw-suggestion small{
  display:block;
  margin-top:4px;
  color:#5f6a7d;
}

.dw-swap{
  min-height:48px;
  border-radius:16px;
}

.dw-date-row,
.dw-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.dw-date-chip{
  min-height:48px;
  border-radius:16px;
  padding:0 14px;
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.08);
  color:var(--dw-text);
}

.dw-date-input{
  min-height:48px;
  border-radius:16px;
  border:1px solid var(--dw-line);
  padding:0 14px;
  color:var(--dw-text);
  background:rgba(255,255,255,.08);
}

.dw-selection-grid{
  display:grid;
  gap:10px;
}

.dw-selection-card{
  padding:14px;
  border-radius:18px;
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.08);
}

.dw-selection-card span{
  display:block;
  color:var(--dw-muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:900;
}

.dw-selection-card strong{
  display:block;
  margin-top:8px;
  font-size:1rem;
}

.dw-empty-state{
  padding:20px 16px;
  text-align:left;
  color:var(--dw-muted);
}

.dw-results-grid{
  align-items:start;
}

.dw-result-hero{
  display:grid;
  gap:16px;
}

.dw-result-title{
  font-size:2rem;
}

.dw-result-copy{
  margin:6px 0 0;
  color:var(--dw-muted);
  line-height:1.55;
}

.dw-result-metrics{
  display:grid;
  gap:10px;
}

.dw-result-metric{
  padding:14px;
  border-radius:18px;
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.08);
}

.dw-result-metric span{
  display:block;
  color:var(--dw-muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
}

.dw-result-metric strong{
  display:block;
  margin-top:10px;
  font-size:1.1rem;
}

.dw-analysis-grid{
  align-items:start;
}

.dw-result-card{
  display:grid;
  gap:18px;
}

.dw-pick-grid,
.dw-story-grid,
.dw-snapshot-grid,
.dw-market-grid,
.dw-match-grid,
.dw-preview-grid{
  display:grid;
  gap:10px;
}

.dw-pick-card,
.dw-story-card,
.dw-snapshot-card,
.dw-market-card,
.dw-pricing-card{
  padding:16px;
  border-radius:20px;
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(20px);
}

.dw-pick-card.is-main{background:linear-gradient(180deg, rgba(73,131,255,.18), rgba(73,131,255,.05))}
.dw-pick-card.is-safe{background:linear-gradient(180deg, rgba(73,221,170,.16), rgba(73,221,170,.04))}
.dw-pick-card.is-alt{background:linear-gradient(180deg, rgba(146,116,255,.16), rgba(146,116,255,.04))}
.dw-pick-card.is-risky{background:linear-gradient(180deg, rgba(243,186,98,.16), rgba(243,186,98,.04))}

.dw-pick-card span,
.dw-story-card span,
.dw-market-card span{
  display:block;
  color:var(--dw-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.18em;
}

.dw-pick-card strong,
.dw-story-card strong,
.dw-market-card strong{
  display:block;
  margin-top:10px;
  font-size:1.02rem;
}

.dw-pick-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.dw-pick-meta i{
  font-style:normal;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#d8e8ff;
  font-size:12px;
}

.dw-story-card p,
.dw-snapshot-card p,
.dw-market-card p{
  margin:10px 0 0;
  color:var(--dw-muted);
  line-height:1.7;
}

.dw-mini-stat{
  display:grid;
  gap:4px;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.03);
}

.dw-mini-stat span{
  color:var(--dw-muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:900;
}

.dw-mini-stat strong{
  font-size:1rem;
}

.dw-match-card{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(247,250,255,.9);
  color:#0f1824;
  box-shadow:0 16px 32px rgba(0,0,0,.12);
  backdrop-filter:blur(18px);
  text-align:left;
}

.dw-match-card:hover{
  border-color:var(--dw-line-strong);
}

.dw-match-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:12px;
}

.dw-match-time{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:rgba(16,24,36,.08);
  color:#162133;
  font-size:12px;
  font-weight:800;
}

.dw-match-status{
  color:#5d6a7d;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:900;
}

.dw-match-teams{
  display:grid;
  gap:8px;
}

.dw-match-team{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
}

.dw-match-card-note{
  margin-top:12px;
  color:#5d6a7d;
  font-size:12px;
  line-height:1.45;
}

#matchList{
  grid-template-columns:1fr;
}

.dw-team-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--dw-cyan);
}

.dw-team-dot.is-away{
  background:var(--dw-violet);
}

.dw-modal{
  position:fixed;
  inset:0;
  z-index:70;
  display:none;
  padding:12px 10px 104px;
  background:rgba(10,14,20,.42);
  backdrop-filter:blur(14px);
}

.dw-modal.is-open{
  display:grid;
  place-items:center;
}

.dw-modal-card{
  width:min(920px, 100%);
  max-height:min(88vh, 960px);
  padding:16px;
  overflow:auto;
}

.dw-result-modal-body{
  display:grid;
  gap:12px;
}

.dw-modal-head{
  display:grid;
  gap:14px;
  margin-bottom:14px;
}

.dw-modal-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.dw-search{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid var(--dw-line);
  background:rgba(255,255,255,.08);
  color:var(--dw-text);
}

.dw-match-group{
  display:grid;
  gap:10px;
}

.dw-match-section{
  display:grid;
  gap:14px;
}

.dw-match-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
}

.dw-match-section-head strong{
  display:block;
  margin:0 0 4px;
  font-size:1rem;
}

.dw-match-section-head p{
  margin:0;
  color:var(--dw-muted);
  line-height:1.5;
}

.dw-match-section-count{
  min-width:38px;
  min-height:38px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  font-size:12px;
  font-weight:900;
}

.dw-match-group-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:4px 2px;
  color:#dce6f8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

#matchListSummary{
  margin:0;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dw-pricing-card.is-highlight{
  border-color:rgba(112,244,255,.34);
  box-shadow:0 20px 50px rgba(73,131,255,.22);
}

.dw-price{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:14px 0 16px;
}

.dw-price strong{
  font-family:"Sora",system-ui,sans-serif;
  font-size:2.8rem;
  letter-spacing:-.08em;
}

.dw-price span{
  color:var(--dw-muted);
  padding-bottom:6px;
}

.dw-note{
  color:var(--dw-muted);
  line-height:1.75;
}

.dw-upgrade-banner{
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(18px);
}

.dw-upgrade-banner strong{
  display:block;
  margin-bottom:8px;
}

.dw-mobile-nav{
  position:fixed;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:45;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:6px;
  padding:8px;
  border-radius:22px;
  border:1px solid var(--dw-line);
  background:rgba(7,16,29,.96);
  backdrop-filter:blur(18px);
  box-shadow:var(--dw-shadow-soft);
}

.dw-mobile-link{
  min-height:58px;
  padding:8px 6px;
  border:1px solid transparent;
  background:transparent;
  color:var(--dw-muted);
  display:grid;
  gap:5px;
  text-align:center;
  place-items:center;
}

.dw-mobile-icon{
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  color:#eef6ff;
  font-style:normal;
  font-size:13px;
  line-height:1;
}

.dw-mobile-link strong{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dw-mobile-link.is-active{
  border-color:var(--dw-line-strong);
  background:rgba(73,131,255,.12);
  color:var(--dw-text);
}

.dw-mobile-link.is-active .dw-mobile-icon,
.dw-nav-link.is-active .dw-nav-icon{
  background:rgba(112,244,255,.14);
  color:#d8fbff;
}

.dw-hidden{
  display:none !important;
}

@media (min-width: 860px){
  .dw-header{
    grid-template-columns:auto 1fr auto;
    align-items:center;
  }

  .dw-header-meta{
    justify-items:end;
  }

  .dw-hero-grid{
    grid-template-columns:1.1fr .9fr;
    align-items:end;
  }

  .dw-gateway{
    grid-template-columns:1.15fr .85fr;
    align-items:stretch;
  }

  .dw-grid-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .dw-grid-3{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .dw-step-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .dw-grid-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .dw-auth-layout{
    grid-template-columns:1fr .95fr;
    align-items:stretch;
  }

  .dw-dashboard-layout{
    grid-template-columns:1.2fr .8fr;
  }

  .dw-results-grid{
    grid-template-columns:1.2fr .8fr;
  }

  .dw-analysis-grid{
    grid-template-columns:1.15fr .85fr;
  }

  .dw-selection-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .dw-pick-grid,
  .dw-story-grid,
  .dw-preview-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .dw-result-metrics,
  .dw-stats-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .dw-pricing-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 859px){
  .dw-shell{
    width:min(100% - 16px, 1180px);
    padding-top:84px;
    padding-bottom:108px;
  }

  .dw-header-shell{
    position:fixed;
    top:0;
    left:0;
    right:0;
    padding:8px 8px 0;
    z-index:60;
  }

  .dw-header{
    padding:10px;
    border-radius:18px;
    grid-template-columns:1fr auto;
    align-items:center;
  }

  .dw-nav{
    display:none;
  }

  .dw-header-actions{
    display:none;
  }

  .dw-auth-page{
    padding-top:92px;
  }

  .dw-account-chip{
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    min-height:38px;
    min-width:auto;
    padding:6px 10px;
  }

  .dw-hero h1{
    max-width:11ch;
  }

  .dw-hero--compact h1{
    max-width:8ch;
  }

  .dw-gateway{
    padding:16px;
    border-radius:24px;
  }

  .dw-gateway-copy h1{
    max-width:8ch;
  }

  .dw-gateway-flow{
    grid-template-columns:1fr;
  }

  .dw-badge-row{
    gap:8px;
  }

  .dw-inline-badge{
    min-height:34px;
    padding:7px 10px;
    font-size:11px;
  }

  .dw-brand-copy span,
  .dw-account-name,
  .dw-section-sub,
  .dw-auth-copy,
  .dw-note,
  .dw-side-card p,
  .dw-result-copy + .dw-result-copy{
    display:none;
  }

  .dw-status-card,
  .dw-side-card{
    padding:14px;
  }

  .dw-auth-layout > .dw-auth-card:nth-child(2),
  .dw-side-card,
  .dw-dashboard-layout > .dw-status-card{
    display:none;
  }

  .dw-dashboard-layout,
  .dw-results-grid{
    gap:10px;
  }

  .dw-dashboard-spotlight--compact,
  .dw-composer-card--compact,
  .dw-auth-card--compact{
    padding:14px;
  }

  .dw-dashboard-spotlight{
    position:static;
    top:auto;
    z-index:auto;
  }

  .dw-cta-row .dw-btn,
  .dw-action-row .dw-btn,
  .dw-date-row > *{
    flex:1 1 calc(50% - 4px);
  }

  .dw-results-grid,
  .dw-dashboard-layout,
  .dw-analysis-grid,
  .dw-result-metrics,
  .dw-selection-grid,
  .dw-preview-grid,
  .dw-pick-grid,
  .dw-story-grid,
  .dw-snapshot-grid,
  .dw-market-grid{
    grid-template-columns:1fr !important;
  }

  .dw-composer-card,
  .dw-dashboard-spotlight,
  .dw-result-card,
  .dw-modal-card,
  .dw-match-card{
    border-radius:18px;
  }

  .dw-input-shell input,
  .dw-form-row input,
  .dw-form-row textarea,
  .dw-date-chip,
  .dw-date-input,
  .dw-btn{
    min-height:52px;
  }

  .dw-stats-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .dw-stats-grid--compact{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .dw-mini-stat{
    padding:12px;
  }

  .dw-mini-stat strong{
    font-size:.95rem;
  }

  .dw-match-card{
    padding:14px;
  }

  .dw-match-team{
    font-size:15px;
    line-height:1.35;
  }

  .dw-match-card-note{
    margin-top:10px;
    font-size:11px;
    line-height:1.35;
  }

  .dw-modal-card{
    width:100%;
    max-height:92vh;
  }

  .dw-modal-toolbar{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .dw-selection-grid .dw-selection-card:nth-child(4){
    display:none;
  }

  .dw-selection-card strong{
    font-size:.92rem;
  }

  .dw-search{
    grid-column:1 / -1;
  }

  .dw-match-section-head{
    padding:12px 14px;
  }

  .dw-match-section-head p{
    display:block;
    font-size:12px;
  }

  #matchList,
  .dw-match-group .dw-preview-grid{
    grid-template-columns:1fr !important;
  }

  #analysisResults{
    display:none;
  }
}

@media (min-width: 980px){
  .dw-mobile-nav{
    display:none;
  }
}

/* 2026 light app redesign: clear, premium, mobile-first */
:root{
  --dw-bg:#f7f1e8;
  --dw-bg-soft:#fffaf2;
  --dw-panel:#ffffff;
  --dw-panel-2:#fbf7ef;
  --dw-panel-3:rgba(255,255,255,.92);
  --dw-line:rgba(31,28,24,.11);
  --dw-line-strong:rgba(31,28,24,.22);
  --dw-text:#201b16;
  --dw-muted:#756d63;
  --dw-muted-2:#9d9285;
  --dw-cyan:#0d9488;
  --dw-blue:#256d85;
  --dw-violet:#7c4d35;
  --dw-green:#15803d;
  --dw-amber:#c6862f;
  --dw-red:#c2413b;
  --dw-radius:20px;
  --dw-radius-sm:14px;
  --dw-shadow:0 24px 70px rgba(78,58,34,.14);
  --dw-shadow-soft:0 12px 34px rgba(78,58,34,.11);
  --dw-gradient:linear-gradient(135deg, #15120f 0%, #5a3924 58%, #b77d3a 100%);
  --dw-gradient-soft:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,245,236,.96));
}

html{
  background:#f7f1e8;
}

body{
  color:var(--dw-text);
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(247,241,232,.94) 42%, #efe4d4 100%),
    repeating-linear-gradient(90deg, rgba(32,27,22,.035) 0 1px, transparent 1px 92px) !important;
}

body::before{
  display:none;
}

.dw-shell{
  width:min(1180px, calc(100% - 28px));
  padding:18px 0 118px;
}

.dw-header-shell{
  padding:12px 14px 0;
  backdrop-filter:blur(20px);
}

.dw-header{
  border:1px solid rgba(32,27,22,.10);
  border-radius:20px;
  background:rgba(255,250,242,.94);
  box-shadow:0 12px 42px rgba(73,52,28,.14);
}

.dw-brand-mark{
  width:54px;
  height:54px;
  border-radius:16px;
  background:linear-gradient(145deg, #211a14, #6b4329 62%, #d3a35b);
  border:0;
  box-shadow:0 14px 28px rgba(91,58,32,.24);
}

.dw-brand-slash,
.dw-brand-pulse i{
  background:#f4d8a4;
  box-shadow:none;
}

.dw-brand-letter,
.dw-brand-letter.is-alt{
  color:#fff9ee;
}

.dw-brand-copy strong,
.dw-hero h1,
.dw-gateway-copy h1,
.dw-section-title,
.dw-auth-title,
.dw-result-title{
  color:var(--dw-text);
  letter-spacing:-.035em;
}

.dw-brand-copy span,
.dw-account-name,
.dw-hero p,
.dw-gateway-copy p,
.dw-section-sub,
.dw-auth-copy,
.dw-copy,
.dw-note,
.dw-feature-card p,
.dw-preview-card p,
.dw-status-card p,
.dw-side-card p,
.dw-result-copy,
.dw-empty-state,
.dw-comparison-list li,
.dw-list li,
.dw-analysis-list li,
.dw-mini-list li{
  color:var(--dw-muted) !important;
}

.dw-nav-link,
.dw-account-chip,
.dw-btn,
.dw-mobile-link,
.dw-pill,
.dw-result-tag,
.dw-inline-pill,
.dw-inline-badge,
.dw-date-chip,
.dw-date-input{
  border-radius:14px;
}

.dw-nav-link{
  background:#fff;
  border:1px solid rgba(32,27,22,.08);
  color:#5f554b;
}

.dw-nav-link:hover,
.dw-nav-link.is-active{
  color:#1f1a15;
  border-color:rgba(183,125,58,.34);
  background:#fff4df;
}

.dw-nav-icon,
.dw-btn-icon,
.dw-mobile-icon{
  width:auto;
  min-width:30px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  background:#f3eadb;
  color:#6f4729;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}

.dw-account-chip{
  background:#fff;
  border-color:rgba(32,27,22,.08);
}

.dw-account-plan.is-free,
.dw-pill.is-free{
  background:#edf7f3;
  color:#166145;
  border-color:rgba(21,128,61,.18);
}

.dw-account-plan.is-pro,
.dw-pill.is-pro{
  background:#fff2d8;
  color:#7c4d12;
  border-color:rgba(198,134,47,.26);
}

.dw-btn--primary{
  color:#fffaf2;
  background:var(--dw-gradient);
  box-shadow:0 14px 30px rgba(104,67,36,.22);
}

.dw-btn--secondary,
.dw-btn--ghost,
.dw-btn--soft{
  color:#251f19;
  background:#fff;
  border-color:rgba(32,27,22,.11);
  box-shadow:0 8px 18px rgba(73,52,28,.06);
}

.dw-btn--soft{
  background:#edf7f3;
  color:#14523d;
  border-color:rgba(21,128,61,.16);
}

.dw-card,
.dw-panel,
.dw-metric,
.dw-auth-card,
.dw-pricing-card,
.dw-result-card,
.dw-modal-card,
.dw-feature-card,
.dw-preview-card,
.dw-dashboard-spotlight,
.dw-status-card,
.dw-composer-card,
.dw-side-card,
.dw-step-card,
.dw-selection-card,
.dw-result-metric,
.dw-pick-card,
.dw-story-card,
.dw-snapshot-card,
.dw-market-card,
.dw-mini-stat{
  color:var(--dw-text);
  background:rgba(255,255,255,.92);
  border:1px solid rgba(32,27,22,.10);
  box-shadow:var(--dw-shadow-soft);
  backdrop-filter:blur(14px);
}

.dw-gateway,
.dw-dashboard-spotlight{
  border-radius:24px;
  border:1px solid rgba(32,27,22,.10);
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,245,228,.92)),
    linear-gradient(90deg, rgba(198,134,47,.12), rgba(13,148,136,.08));
  box-shadow:var(--dw-shadow);
}

.dw-gateway-stat,
.dw-gateway-step{
  background:#fff;
  border-color:rgba(32,27,22,.09);
}

.dw-gateway-stat.is-accent{
  background:linear-gradient(145deg, #201b16, #6d4529);
  color:#fffaf2;
}

.dw-gateway-stat.is-accent span,
.dw-gateway-stat.is-accent p{
  color:#f2d9b7 !important;
}

.dw-kicker{
  color:#8a5a25;
  letter-spacing:.18em;
}

.dw-kicker::before,
.dw-comparison-list li::before,
.dw-list li::before,
.dw-analysis-list li::before,
.dw-mini-list li::before,
.dw-team-dot{
  background:#c6862f;
  box-shadow:none;
}

.dw-team-dot.is-away{
  background:#0d9488;
}

.dw-form-row input,
.dw-form-row textarea,
.dw-input-shell input,
.dw-date-input,
.dw-search,
input,
select,
textarea{
  background:#fff !important;
  color:var(--dw-text) !important;
  border:1px solid rgba(32,27,22,.12) !important;
  box-shadow:inset 0 1px 0 rgba(32,27,22,.03);
}

.dw-form-row input:focus,
.dw-form-row textarea:focus,
.dw-input-shell input:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(198,134,47,.48) !important;
  box-shadow:0 0 0 4px rgba(198,134,47,.13) !important;
  outline:none;
}

.dw-suggestion,
.dw-match-card{
  background:#fffdf8;
  color:#201b16;
  border-color:rgba(32,27,22,.11);
}

.dw-match-time{
  background:#f2eadc;
  color:#4b3828;
}

.dw-match-status,
.dw-match-card-note,
.dw-suggestion small{
  color:#7e7368;
}

.dw-pick-card.is-main{background:linear-gradient(180deg, #fff7e8, #fff)}
.dw-pick-card.is-safe{background:linear-gradient(180deg, #edf7f3, #fff)}
.dw-pick-card.is-alt{background:linear-gradient(180deg, #f5efe8, #fff)}
.dw-pick-card.is-risky{background:linear-gradient(180deg, #fff3e7, #fff)}

.dw-pick-meta i{
  background:#f3eadb;
  color:#5d4632;
}

.dw-modal{
  background:rgba(47,38,28,.34);
}

.dw-modal-card{
  background:#fffaf2;
}

.dw-upgrade-banner{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(198,134,47,.22);
  background:#fff4df;
}

.dw-mobile-nav{
  left:10px;
  right:10px;
  bottom:10px;
  padding:8px;
  border-radius:22px;
  background:rgba(255,250,242,.95);
  border:1px solid rgba(32,27,22,.10);
  box-shadow:0 18px 48px rgba(73,52,28,.18);
  backdrop-filter:blur(18px);
}

.dw-mobile-link{
  color:#6a5d50;
  background:transparent;
}

.dw-mobile-link.is-active{
  color:#201b16;
  background:#fff0d2;
}

@media (min-width: 760px){
  .dw-header{
    grid-template-columns:auto 1fr auto;
    align-items:center;
  }

  .dw-nav{
    justify-content:center;
  }

  .dw-gateway{
    grid-template-columns:1.06fr .94fr;
    align-items:stretch;
    padding:26px;
  }
}

@media (max-width: 760px){
  .dw-shell{
    width:min(100% - 20px, 520px);
    padding-top:86px;
  }

  .dw-header-shell{
    position:fixed;
  }

  .dw-header{
    grid-template-columns:1fr auto;
    border-radius:18px;
  }

  .dw-brand-mark{
    width:46px;
    height:46px;
    border-radius:14px;
  }

  .dw-account-chip{
    min-width:82px;
  }

  .dw-gateway-copy h1,
  .dw-hero h1,
  .dw-auth-title{
    font-size:clamp(2rem, 12vw, 3.25rem);
    max-width:11ch;
  }

  .dw-gateway,
  .dw-dashboard-spotlight,
  .dw-composer-card,
  .dw-result-card,
  .dw-auth-card,
  .dw-pricing-card{
    border-radius:20px;
  }
}

/* Fixes: no separate football route, clearer home flow, better match picker */
.dw-home-flow{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top:14px;
}

.dw-home-flow article,
.dw-home-action-card{
  padding:18px;
  border-radius:20px;
  background:var(--app-surface, #fff);
  border:1px solid var(--app-line, rgba(23,20,17,.09));
  box-shadow:0 12px 30px rgba(38,30,22,.07);
}

.dw-home-flow article{
  display:grid;
  gap:8px;
}

.dw-home-flow span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--app-ink, #171411);
  color:#fff;
  font-weight:900;
}

.dw-home-flow strong,
.dw-home-action-card h2{
  color:var(--app-ink, #171411);
  font-family:"Sora",system-ui,sans-serif;
  letter-spacing:-.035em;
}

.dw-home-flow p,
.dw-home-action-card p{
  margin:0;
  color:var(--app-muted, #716960);
  line-height:1.55;
}

.dw-home-action-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:center;
  margin-top:10px;
}

.dw-home-action-card h2{
  margin:10px 0 6px;
  font-size:1.8rem;
}

.dw-mobile-nav{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

.dw-match-section{
  display:grid;
  gap:8px;
}

.dw-match-section-head{
  padding:12px !important;
  border-radius:16px;
  background:#ebe3d8;
  border:1px solid var(--app-line, rgba(23,20,17,.09));
}

.dw-match-section-head p{
  display:block !important;
  margin:3px 0 0;
  color:var(--app-muted, #716960) !important;
  font-size:12px;
}

.dw-match-section-count{
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--app-ink, #171411);
  color:#fff;
  font-weight:900;
}

.dw-match-group{
  display:grid;
  gap:8px;
}

.dw-match-group-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:4px 2px;
  color:var(--app-muted, #716960);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@media (max-width: 760px){
  .dw-home-flow,
  .dw-home-action-card{
    grid-template-columns:1fr !important;
  }

  .dw-home-flow article{
    min-height:112px;
  }
}

/* Final mobile product system: one clear app, no clutter */
:root{
  --app-bg:#f4f1eb;
  --app-surface:#ffffff;
  --app-soft:#f8f5ef;
  --app-ink:#171411;
  --app-muted:#716960;
  --app-line:rgba(23,20,17,.09);
  --app-accent:#9b6838;
}

body{
  background:var(--app-bg) !important;
  color:var(--app-ink) !important;
}

.dw-header-shell{
  position:sticky !important;
  top:0;
  z-index:60;
  padding:10px max(10px, env(safe-area-inset-left)) 0 max(10px, env(safe-area-inset-right)) !important;
  background:linear-gradient(180deg, rgba(244,241,235,.96), rgba(244,241,235,.72)) !important;
}

.dw-header{
  width:min(1100px, 100%);
  min-height:62px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:8px 10px !important;
  border-radius:18px !important;
  background:var(--app-surface) !important;
  border:1px solid var(--app-line) !important;
  box-shadow:0 10px 28px rgba(38,30,22,.08) !important;
}

.dw-brand{
  min-width:0;
}

.dw-brand-mark{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  background:#171411 !important;
  box-shadow:none !important;
}

.dw-brand-pulse{
  display:none;
}

.dw-brand-copy strong{
  font-size:1rem !important;
  letter-spacing:-.03em !important;
}

.dw-brand-copy span{
  font-size:10px !important;
  letter-spacing:.11em !important;
  color:var(--app-muted) !important;
}

.dw-nav{
  justify-content:center;
  gap:4px !important;
}

.dw-nav-link{
  min-height:40px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--app-muted) !important;
  font-size:14px;
}

.dw-nav-link.is-active,
.dw-nav-link:hover{
  background:var(--app-ink) !important;
  color:#fff !important;
}

.dw-header-meta{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.dw-account-chip{
  min-height:36px !important;
  border-radius:999px !important;
  padding:5px 8px !important;
  background:var(--app-soft) !important;
}

.dw-account-name{
  display:none;
}

.dw-header-actions{
  gap:6px !important;
}

.dw-header-actions .dw-btn{
  min-height:38px !important;
  padding:0 12px !important;
  border-radius:999px !important;
}

.dw-shell,
.dw-home-clean,
.dw-analyse-simple,
.dw-pro-simple{
  width:min(1100px, calc(100% - 24px)) !important;
  margin:0 auto !important;
  padding:18px 0 112px !important;
}

.dw-clean-hero,
.dw-simple-top,
.dw-pro-head{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:end;
  gap:18px;
  padding:28px 0 12px !important;
}

.dw-clean-hero h1,
.dw-simple-top h1,
.dw-pro-head h1,
.dw-auth-title{
  margin:10px 0 0 !important;
  max-width:12ch !important;
  color:var(--app-ink) !important;
  font-size:clamp(2.4rem, 6vw, 4.6rem) !important;
  line-height:.94 !important;
  letter-spacing:-.055em !important;
}

.dw-clean-hero p,
.dw-auth-copy,
.dw-pro-head p{
  max-width:40ch;
  color:var(--app-muted) !important;
  line-height:1.55 !important;
}

.dw-clean-label,
.dw-kicker{
  width:max-content;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:#e8ded2 !important;
  color:#704a2b !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase;
}

.dw-kicker::before{
  display:none;
}

.dw-clean-grid{
  display:grid !important;
  grid-template-columns:1.35fr repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin-top:12px !important;
}

.dw-clean-tile,
.dw-clean-plans article,
.dw-simple-card,
.dw-result-card,
.dw-auth-card,
.dw-pricing-card{
  border-radius:20px !important;
  background:var(--app-surface) !important;
  border:1px solid var(--app-line) !important;
  box-shadow:0 12px 30px rgba(38,30,22,.07) !important;
}

.dw-clean-tile{
  min-height:170px !important;
  padding:18px !important;
}

.dw-clean-tile.is-main{
  background:var(--app-ink) !important;
  color:#fff !important;
}

.dw-clean-plans,
.dw-pricing-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin-top:10px !important;
}

.dw-simple-card{
  display:grid !important;
  gap:12px !important;
  padding:14px !important;
}

.dw-date-row--simple{
  display:grid !important;
  grid-template-columns:1fr auto auto auto !important;
  gap:8px !important;
}

.dw-date-input,
.dw-date-chip,
.dw-btn,
.dw-form-row input,
.dw-input-shell input,
.dw-search{
  min-height:48px !important;
  border-radius:14px !important;
  font-size:16px !important;
}

.dw-date-input,
.dw-date-chip,
.dw-form-row input,
.dw-input-shell input,
.dw-search{
  background:var(--app-soft) !important;
  border:1px solid var(--app-line) !important;
  color:var(--app-ink) !important;
}

.dw-match-select{
  min-height:112px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:end !important;
  padding:18px !important;
  border-radius:20px !important;
  background:var(--app-ink) !important;
  box-shadow:none !important;
}

.dw-match-select strong{
  font-size:clamp(1.8rem, 5vw, 3rem) !important;
}

.dw-selected-match{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
}

.dw-selected-match > div{
  min-height:76px !important;
  padding:12px !important;
  border-radius:16px !important;
  background:var(--app-soft) !important;
  border:1px solid var(--app-line) !important;
}

.dw-selected-match strong,
.dw-clean-tile strong{
  overflow-wrap:anywhere;
}

.dw-manual-details{
  background:var(--app-soft) !important;
  border:1px solid var(--app-line) !important;
  border-radius:16px !important;
}

.dw-manual-details summary{
  list-style:none;
}

.dw-manual-details summary::-webkit-details-marker{
  display:none;
}

.dw-manual-details .dw-input-grid{
  grid-template-columns:1fr auto 1fr !important;
}

.dw-simple-actions{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto auto !important;
  gap:8px !important;
}

.dw-btn--primary{
  background:var(--app-ink) !important;
  color:#fff !important;
  border-color:var(--app-ink) !important;
}

.dw-btn--secondary,
.dw-btn--soft,
.dw-btn--ghost{
  background:var(--app-soft) !important;
  color:var(--app-ink) !important;
  border-color:var(--app-line) !important;
}

.dw-auth-simple-page{
  min-height:auto !important;
  display:block !important;
  padding:20px 0 112px !important;
}

.dw-auth-simple-layout{
  width:min(520px, calc(100% - 24px)) !important;
  margin:0 auto !important;
  display:block !important;
}

.dw-auth-card{
  padding:20px !important;
}

.dw-form{
  gap:12px !important;
}

.dw-form-row{
  gap:6px !important;
}

.dw-form-row label{
  color:var(--app-muted) !important;
  font-size:11px !important;
  letter-spacing:.10em !important;
}

.dw-pro-simple .dw-pricing-card{
  display:grid;
  gap:12px;
}

.dw-price strong{
  color:var(--app-ink) !important;
}

.dw-modal{
  padding:10px 10px 96px !important;
  background:rgba(23,20,17,.38) !important;
}

.dw-modal-card{
  width:min(760px, 100%) !important;
  max-height:88vh !important;
  padding:12px !important;
  border-radius:22px !important;
  background:var(--app-bg) !important;
}

.dw-modal-head{
  gap:10px !important;
}

.dw-section-head{
  align-items:center !important;
}

.dw-section-title{
  font-size:1.35rem !important;
  letter-spacing:-.035em !important;
}

.dw-section-sub{
  display:none;
}

.dw-modal-toolbar{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

.dw-modal-toolbar .dw-search{
  grid-column:1 / -1;
}

#matchList{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
}

.dw-match-card{
  min-height:92px;
  padding:14px !important;
  border-radius:18px !important;
  background:var(--app-surface) !important;
  border:1px solid var(--app-line) !important;
}

.dw-match-top{
  margin-bottom:8px !important;
}

.dw-match-team{
  font-size:15px !important;
}

.dw-mobile-nav{
  position:fixed !important;
  left:max(10px, env(safe-area-inset-left)) !important;
  right:max(10px, env(safe-area-inset-right)) !important;
  bottom:max(10px, env(safe-area-inset-bottom)) !important;
  z-index:80 !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:4px !important;
  padding:6px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--app-line) !important;
  box-shadow:0 14px 34px rgba(38,30,22,.16) !important;
  backdrop-filter:blur(16px);
}

.dw-mobile-link{
  min-height:50px !important;
  padding:6px 4px !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  color:var(--app-muted) !important;
  background:transparent !important;
  border:0 !important;
}

.dw-mobile-link strong{
  font-size:11px !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}

.dw-mobile-link.is-active{
  background:var(--app-ink) !important;
  color:#fff !important;
}

.dw-mobile-icon{
  display:none !important;
}

@media (max-width: 760px){
  body{
    overflow-x:hidden;
  }

  .dw-header-shell{
    padding-top:8px !important;
  }

  .dw-header{
    grid-template-columns:1fr auto !important;
    min-height:58px !important;
    border-radius:17px !important;
  }

  .dw-brand-copy span,
  .dw-nav,
  .dw-header-actions{
    display:none !important;
  }

  .dw-account-chip{
    min-width:54px !important;
  }

  .dw-account-plan{
    min-width:48px !important;
    min-height:30px !important;
    font-size:10px !important;
  }

  .dw-shell,
  .dw-home-clean,
  .dw-analyse-simple,
  .dw-pro-simple{
    width:calc(100% - 18px) !important;
    padding-top:12px !important;
    padding-bottom:100px !important;
  }

  .dw-clean-hero,
  .dw-simple-top,
  .dw-pro-head{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:16px 2px 8px !important;
  }

  .dw-clean-hero h1,
  .dw-simple-top h1,
  .dw-pro-head h1,
  .dw-auth-title{
    max-width:100% !important;
    font-size:clamp(2.1rem, 12vw, 3.35rem) !important;
  }

  .dw-clean-hero p,
  .dw-auth-copy,
  .dw-pro-head p{
    font-size:15px !important;
    max-width:100% !important;
  }

  .dw-clean-actions,
  .dw-simple-plan{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    justify-content:stretch !important;
  }

  .dw-clean-actions .dw-btn{
    width:100%;
  }

  .dw-clean-grid,
  .dw-clean-plans,
  .dw-pricing-grid{
    grid-template-columns:1fr !important;
  }

  .dw-clean-tile{
    min-height:112px !important;
    padding:16px !important;
  }

  .dw-clean-tile strong{
    font-size:1.25rem !important;
  }

  .dw-simple-card{
    padding:10px !important;
    border-radius:20px !important;
  }

  .dw-date-row--simple{
    grid-template-columns:1fr 1fr 1fr !important;
  }

  .dw-date-row--simple .dw-date-input{
    grid-column:1 / -1;
  }

  .dw-date-chip{
    padding:0 8px !important;
    font-size:14px !important;
  }

  .dw-match-select{
    min-height:104px !important;
    grid-template-columns:1fr !important;
    padding:16px !important;
  }

  .dw-match-select span{
    font-size:11px !important;
  }

  .dw-match-select em{
    justify-self:start !important;
  }

  .dw-selected-match{
    grid-template-columns:1fr !important;
  }

  .dw-selected-match > div{
    min-height:62px !important;
    grid-template-columns:92px 1fr;
    align-items:center;
    gap:10px;
  }

  .dw-selected-match span{
    font-size:10px !important;
  }

  .dw-manual-details .dw-input-grid,
  .dw-simple-actions{
    grid-template-columns:1fr !important;
  }

  .dw-simple-actions .dw-btn{
    width:100% !important;
  }

  .dw-result-card{
    border-radius:18px !important;
  }

  .dw-auth-simple-layout{
    width:calc(100% - 18px) !important;
  }

  .dw-auth-card{
    padding:16px !important;
  }
}

/* Structural rebuild: LuxeWear-style storefront and clearer analysis flow */
.dw-announcement{
  width:min(1180px, 100%);
  min-height:34px;
  margin:0 auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#201b16;
  color:#fff7e8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dw-storefront,
.dw-analysis-shop{
  display:grid;
  gap:26px;
}

.dw-store-hero,
.dw-analysis-hero{
  display:grid;
  gap:18px;
  border-radius:26px;
  padding:28px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,231,.94)),
    linear-gradient(90deg, rgba(198,134,47,.12), rgba(13,148,136,.08));
  border:1px solid rgba(32,27,22,.10);
  box-shadow:0 24px 70px rgba(78,58,34,.14);
}

.dw-store-hero-copy,
.dw-store-hero-panel{
  display:grid;
  gap:16px;
  align-content:center;
}

.dw-store-hero h1{
  margin:0;
  max-width:10ch;
  font-family:"Sora",system-ui,sans-serif;
  font-size:clamp(3rem, 8vw, 6.4rem);
  line-height:.92;
  letter-spacing:-.055em;
}

.dw-store-hero p,
.dw-analysis-hero p{
  margin:0;
  max-width:48ch;
  color:#756d63;
  line-height:1.7;
}

.dw-sale-pill,
.dw-product-badge{
  width:max-content;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:0 12px;
  background:#201b16;
  color:#fff7e8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.dw-store-section{
  display:grid;
  gap:14px;
}

.dw-store-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

.dw-text-link{
  color:#6f4729;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:4px;
}

.dw-collection-grid,
.dw-product-grid,
.dw-analysis-layout{
  display:grid;
  gap:14px;
}

.dw-collection-card,
.dw-product-card,
.dw-match-picker-card,
.dw-manual-card,
.dw-checkout-card{
  position:relative;
  overflow:hidden;
  min-height:188px;
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(32,27,22,.10);
  box-shadow:0 14px 36px rgba(78,58,34,.10);
}

.dw-collection-card{
  display:grid;
  align-content:end;
  gap:8px;
  color:#201b16;
}

.dw-collection-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(32,27,22,.06), transparent 42%),
    radial-gradient(circle at 78% 18%, rgba(198,134,47,.30), transparent 24%);
  pointer-events:none;
}

.dw-collection-card:nth-child(3)::before{
  background:
    linear-gradient(135deg, rgba(32,27,22,.05), transparent 42%),
    radial-gradient(circle at 78% 18%, rgba(13,148,136,.25), transparent 24%);
}

.dw-collection-card span,
.dw-collection-card em,
.dw-product-card p,
.dw-product-price span{
  color:#756d63;
}

.dw-collection-card span,
.dw-collection-card em{
  position:relative;
  z-index:1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-style:normal;
}

.dw-collection-card strong{
  position:relative;
  z-index:1;
  font-family:"Sora",system-ui,sans-serif;
  font-size:1.65rem;
  letter-spacing:-.04em;
}

.dw-product-card{
  display:grid;
  gap:12px;
  align-content:start;
}

.dw-product-card--feature{
  min-height:240px;
  color:#fffaf2;
  background:linear-gradient(145deg, #201b16, #6b4329 70%, #b77d3a);
}

.dw-product-card--feature p{
  color:#f4d8b0 !important;
}

.dw-product-card--feature a{
  color:#201b16;
  background:#fff4df;
}

.dw-product-card strong{
  font-family:"Sora",system-ui,sans-serif;
  font-size:1.35rem;
  letter-spacing:-.035em;
}

.dw-product-card p{
  margin:0;
  line-height:1.6;
}

.dw-product-card a{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  padding:0 14px;
  color:#fffaf2;
  background:#201b16;
  font-weight:900;
}

.dw-product-card.is-highlight{
  border-color:rgba(198,134,47,.34);
  background:#fff4df;
}

.dw-product-price{
  display:flex;
  align-items:baseline;
  gap:8px;
}

.dw-product-price b{
  font-size:1.55rem;
  letter-spacing:-.04em;
}

.dw-mini-product-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.dw-mini-product-row > div{
  padding:14px;
  border-radius:18px;
  background:#fff8ed;
  border:1px solid rgba(32,27,22,.09);
}

.dw-mini-product-row span,
.dw-step-label{
  color:#756d63;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.dw-mini-product-row strong{
  display:block;
  margin-top:6px;
  color:#201b16;
  font-size:1.1rem;
}

.dw-analysis-hero{
  grid-template-columns:1fr auto;
  align-items:end;
}

.dw-analysis-hero .dw-auth-title{
  max-width:12ch;
  font-size:clamp(2.4rem, 6vw, 5rem);
  line-height:.95;
}

.dw-analysis-status{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.dw-analysis-layout{
  grid-template-columns:minmax(0, 1.05fr) minmax(0, 1.25fr) minmax(280px, .7fr);
  align-items:start;
}

.dw-match-picker-card,
.dw-manual-card,
.dw-checkout-card{
  min-height:0;
  display:grid;
  gap:14px;
}

.dw-step-label{
  display:flex;
  align-items:center;
  gap:8px;
  color:#8a5a25;
}

.dw-step-label span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#201b16;
  color:#fff7e8;
}

.dw-date-row--store{
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr 1fr;
}

.dw-big-match-button{
  min-height:128px;
  display:grid;
  align-content:center;
  gap:10px;
  width:100%;
  padding:18px;
  border-radius:20px;
  border:0;
  color:#fffaf2;
  background:linear-gradient(145deg, #201b16, #6b4329 70%, #b77d3a);
  text-align:left;
  box-shadow:0 18px 38px rgba(104,67,36,.22);
}

.dw-big-match-button span{
  font-size:13px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f4d8b0;
}

.dw-big-match-button strong{
  font-family:"Sora",system-ui,sans-serif;
  font-size:2rem;
  letter-spacing:-.04em;
}

.dw-manual-card .dw-input-grid{
  grid-template-columns:1fr auto 1fr;
  align-items:start;
}

.dw-selection-grid--receipt{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.dw-checkout-card{
  position:sticky;
  top:104px;
}

.dw-checkout-card .dw-btn{
  width:100%;
}

.dw-results-section{
  display:grid;
  gap:12px;
}

#analysisResults{
  display:grid !important;
}

@media (min-width: 820px){
  .dw-store-hero{
    grid-template-columns:minmax(0, 1.05fr) minmax(330px, .65fr);
  }

  .dw-collection-grid{
    grid-template-columns:1.2fr repeat(3, minmax(0, .8fr));
  }

  .dw-product-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .dw-collection-card.is-large{
    min-height:250px;
  }
}

@media (max-width: 1100px){
  .dw-analysis-layout{
    grid-template-columns:1fr 1fr;
  }

  .dw-checkout-card{
    grid-column:1 / -1;
    position:static;
  }
}

@media (max-width: 760px){
  .dw-announcement{
    display:none;
  }

  .dw-store-hero,
  .dw-analysis-hero{
    padding:20px;
    border-radius:22px;
  }

  .dw-store-section-head,
  .dw-analysis-hero{
    display:grid;
    grid-template-columns:1fr;
  }

  .dw-analysis-status{
    justify-content:flex-start;
  }

  .dw-collection-grid,
  .dw-product-grid,
  .dw-analysis-layout{
    grid-template-columns:1fr;
  }

  .dw-collection-card,
  .dw-product-card{
    min-height:158px;
  }

  .dw-date-row--store{
    grid-template-columns:1fr 1fr;
  }

  .dw-date-row--store .dw-date-input{
    grid-column:1 / -1;
    order:-1;
  }

  .dw-manual-card .dw-input-grid,
  .dw-selection-grid--receipt{
    grid-template-columns:1fr;
  }

  .dw-manual-card .dw-swap{
    order:2;
  }
}

/* Full reset after feedback: calm, short and app-like */
body{
  background:#f5f2ec !important;
  color:#181512 !important;
}

.dw-header-shell{
  position:sticky;
  top:0;
  padding:10px 12px 0;
  background:rgba(245,242,236,.88);
  backdrop-filter:blur(16px);
}

.dw-header{
  min-height:68px;
  padding:8px 10px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(24,21,18,.08);
  box-shadow:0 10px 30px rgba(42,33,24,.08);
}

.dw-brand-mark{
  width:44px;
  height:44px;
  border-radius:13px;
}

.dw-brand-copy strong{
  font-size:1.08rem;
}

.dw-brand-copy span{
  letter-spacing:.12em;
}

.dw-nav{
  gap:6px;
}

.dw-nav-link{
  min-height:42px;
  padding:0 12px;
  border-radius:12px;
  background:transparent;
  border:0;
  color:#746a60;
}

.dw-nav-link.is-active{
  background:#181512;
  color:#fff;
}

.dw-nav-icon,
.dw-btn-icon{
  display:none;
}

.dw-account-chip{
  min-height:36px;
  border-radius:12px;
}

.dw-home-clean,
.dw-analyse-simple{
  width:min(1080px, calc(100% - 24px));
  padding-top:22px;
}

.dw-clean-hero,
.dw-simple-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:30px 0 10px;
  border:0;
  background:transparent;
  box-shadow:none;
}

.dw-clean-label{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:#e8ddd0;
  color:#6b4a2f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.dw-clean-hero h1,
.dw-simple-top h1{
  margin:12px 0 0;
  max-width:11ch;
  font-family:"Sora",system-ui,sans-serif;
  font-size:clamp(2.6rem, 7vw, 5.2rem);
  line-height:.94;
  letter-spacing:-.055em;
}

.dw-clean-hero p{
  margin:14px 0 0;
  max-width:38ch;
  color:#746a60;
  font-size:1.05rem;
  line-height:1.65;
}

.dw-clean-actions,
.dw-simple-plan{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.dw-clean-grid{
  display:grid;
  grid-template-columns:1.35fr repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:18px;
}

.dw-clean-tile{
  min-height:190px;
  display:grid;
  align-content:end;
  gap:8px;
  padding:18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(24,21,18,.08);
  box-shadow:0 12px 32px rgba(42,33,24,.08);
}

.dw-clean-tile.is-main{
  color:#fff;
  background:#181512;
}

.dw-clean-tile span,
.dw-clean-tile p{
  color:#7d7368;
}

.dw-clean-tile.is-main span,
.dw-clean-tile.is-main p{
  color:#d9cdbd;
}

.dw-clean-tile span{
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}

.dw-clean-tile strong{
  font-family:"Sora",system-ui,sans-serif;
  font-size:1.45rem;
  letter-spacing:-.035em;
}

.dw-clean-tile p{
  margin:0;
  line-height:1.45;
}

.dw-clean-plans{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:12px;
}

.dw-clean-plans article{
  padding:18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(24,21,18,.08);
}

.dw-clean-plans span,
.dw-selected-match span{
  color:#7d7368;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.dw-clean-plans strong{
  display:block;
  margin-top:6px;
  font-size:1.15rem;
}

.dw-simple-card{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(24,21,18,.08);
  box-shadow:0 14px 38px rgba(42,33,24,.09);
}

.dw-date-row--simple{
  display:grid;
  grid-template-columns:1.4fr repeat(3, minmax(90px, .55fr));
  gap:8px;
}

.dw-date-chip,
.dw-date-input{
  min-height:50px !important;
  border-radius:12px !important;
  background:#f7f3ed !important;
  border:1px solid rgba(24,21,18,.08) !important;
  color:#181512 !important;
  font-weight:800;
}

.dw-match-select{
  min-height:130px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:10px;
  padding:20px;
  border:0;
  border-radius:20px;
  background:#181512;
  color:#fff;
  text-align:left;
}

.dw-match-select span{
  grid-column:1 / -1;
  color:#d9cdbd;
  font-size:13px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.dw-match-select strong{
  font-family:"Sora",system-ui,sans-serif;
  font-size:clamp(2rem, 6vw, 3.5rem);
  letter-spacing:-.05em;
}

.dw-match-select em{
  align-self:center;
  justify-self:end;
  font-style:normal;
  color:#d9cdbd;
  font-weight:800;
}

.dw-selected-match{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}

.dw-selected-match > div{
  min-height:86px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:14px;
  border-radius:16px;
  background:#f7f3ed;
  border:1px solid rgba(24,21,18,.07);
}

.dw-selected-match strong{
  color:#181512;
  line-height:1.25;
}

.dw-manual-details{
  border-radius:16px;
  background:#faf7f2;
  border:1px solid rgba(24,21,18,.07);
}

.dw-manual-details summary{
  min-height:50px;
  display:flex;
  align-items:center;
  padding:0 14px;
  cursor:pointer;
  font-weight:900;
  color:#4c433a;
}

.dw-manual-details .dw-input-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:10px;
  padding:0 14px 14px;
  align-items:start;
}

.dw-input-shell input{
  min-height:52px !important;
  border-radius:12px !important;
  background:#fff !important;
}

.dw-simple-actions{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:10px;
  padding-top:2px;
}

.dw-simple-actions strong{
  display:block;
}

.dw-simple-actions p{
  margin:4px 0 0;
}

.dw-results-simple{
  margin-top:14px;
}

.dw-result-card{
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(24,21,18,.08);
  box-shadow:0 14px 38px rgba(42,33,24,.08);
}

.dw-match-card{
  display:grid;
  gap:10px;
  border-radius:16px;
  background:#fff !important;
  border:1px solid rgba(24,21,18,.09) !important;
  box-shadow:none;
}

.dw-match-card:hover{
  border-color:#181512 !important;
  transform:translateY(-1px);
}

.dw-modal-card{
  border-radius:22px;
  background:#f5f2ec;
}

.dw-modal-toolbar{
  display:grid;
  grid-template-columns:1fr 1fr minmax(220px, 2fr);
  gap:8px;
}

.dw-search{
  min-height:50px !important;
  border-radius:12px !important;
}

.dw-btn{
  min-height:50px;
  border-radius:12px;
}

.dw-btn--primary{
  background:#181512;
  color:#fff;
  box-shadow:none;
}

.dw-btn--secondary,
.dw-btn--soft,
.dw-btn--ghost{
  background:#f7f3ed;
  color:#181512;
  border-color:rgba(24,21,18,.08);
  box-shadow:none;
}

.dw-mobile-nav{
  left:12px;
  right:12px;
  bottom:12px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(24,21,18,.08);
  box-shadow:0 12px 30px rgba(42,33,24,.14);
}

.dw-mobile-link{
  min-height:52px;
  border-radius:12px;
}

.dw-mobile-icon{
  display:none;
}

.dw-mobile-link.is-active{
  background:#181512;
  color:#fff;
}

@media (max-width: 900px){
  .dw-clean-grid{
    grid-template-columns:1fr 1fr;
  }

  .dw-selected-match{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 760px){
  .dw-header-shell{
    padding:8px 8px 0;
  }

  .dw-header{
    grid-template-columns:1fr auto;
  }

  .dw-nav,
  .dw-header-actions{
    display:none;
  }

  .dw-home-clean,
  .dw-analyse-simple{
    width:min(100% - 18px, 540px);
    padding-top:16px;
  }

  .dw-clean-hero,
  .dw-simple-top{
    display:grid;
    padding-top:18px;
  }

  .dw-clean-actions,
  .dw-simple-plan{
    justify-content:flex-start;
  }

  .dw-clean-grid,
  .dw-clean-plans,
  .dw-date-row--simple,
  .dw-selected-match,
  .dw-manual-details .dw-input-grid,
  .dw-simple-actions{
    grid-template-columns:1fr;
  }

  .dw-clean-tile{
    min-height:132px;
  }

  .dw-match-select{
    min-height:118px;
    grid-template-columns:1fr;
  }

  .dw-match-select em{
    justify-self:start;
  }

  .dw-simple-actions .dw-btn{
    width:100%;
  }

  .dw-modal-toolbar{
    grid-template-columns:1fr;
  }
}