/* Teemwork Scoped CSS - Valid & Clean */
:root {
--navy:#0F1B4D;          /* headings */
  --navy-2:#1B2A63;
  --body:#5F678A;          /* body copy */
  --blue:#4A9AF5;          /* primary action */
  --blue-dk:#2F80E0;
  --blue-pale:#EDF1FD;     /* pale card fill */
  --blue-band:#C9DDFB;     /* announcement bar */
  --line:#DDE3F5;
  --white:#FFFFFF;
  --radius:18px;
  --radius-sm:12px;
  --pill:999px;
  --shadow:0 4px 18px rgba(15,27,77,.07);
  --font-body:'Plus Jakarta Sans',sans-serif;
  --font-art:'Oswald',sans-serif;   /* garment artwork only */
}

.tw-landing {
  background: #ffffff !important;
  color: var(--body) !important;
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  -webkit-font-smoothing: antialiased;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Enforce Button Colors with High Specificity */
.tw-landing a.btn, .tw-landing .btn, .tw-landing button.btn {
  display: inline-block !important;
  background: var(--blue) !important;
  color: #ffffff !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: .96rem !important;
  padding: 13px 28px !important;
  border: 2px solid var(--blue) !important;
  border-radius: var(--pill) !important;
  cursor: pointer !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.tw-landing a.btn:hover, .tw-landing .btn:hover, .tw-landing a.btn:focus-visible, .tw-landing .btn:focus-visible {
  background: var(--blue-dk) !important;
  border-color: var(--blue-dk) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.tw-landing a.btn-sm, .tw-landing .btn-sm {
  padding: 10px 20px !important;
  font-size: .9rem !important;
}
.tw-landing a.btn-outline, .tw-landing .btn-outline {
  background: transparent !important;
  color: var(--blue) !important;
  border-color: var(--blue) !important;
}
.tw-landing a.btn-outline:hover, .tw-landing .btn-outline:hover, .tw-landing a.btn-outline:focus-visible, .tw-landing .btn-outline:focus-visible {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: #ffffff !important;
}
.tw-landing a.btn-white, .tw-landing .btn-white {
  background: #ffffff !important;
  color: var(--navy) !important;
  border-color: #ffffff !important;
}
.tw-landing a.btn-white:hover, .tw-landing .btn-white:hover, .tw-landing a.btn-white:focus-visible, .tw-landing .btn-white:focus-visible {
  background: var(--blue-pale) !important;
  border-color: var(--blue-pale) !important;
  color: var(--navy) !important;
}

.tw-landing /* ============================================================
   SHIRMO THEME TOKENS — sampled from shirmo.com screenshots.
   Colors and radii now match the live site. The one item still
   to confirm is --font-body: Shirmo's face looks like Gilroy or
   similar; Plus Jakarta Sans is the closest free match until the
   real family name comes out of site.css.
   ============================================================ */
* {
  box-sizing:border-box
}
.tw-landing {
  scroll-behavior:smooth
}
.tw-landing {
  margin:0;background:var(--white);color:var(--body);font-family:var(--font-body);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased
}
.tw-landing h1, .tw-landing h2, .tw-landing h3, .tw-landing h4 {
  margin:0;line-height:1.18;color:var(--navy);font-weight:800
}
.tw-landing h1 {
  font-size:clamp(2.1rem,4.8vw,3.2rem)
}
.tw-landing h2 {
  font-size:clamp(1.6rem,3.4vw,2.3rem)
}
.tw-landing h3 {
  font-size:1.1rem;font-weight:700
}
.tw-landing h4 {
  font-size:.98rem;font-weight:700
}
.tw-landing p {
  margin:0 0 1rem
}
.tw-landing a {
  color:var(--blue);text-decoration:none
}
.tw-landing svg {
  max-width:100%
}
.tw-landing .container {
  max-width:1400px;margin:0 auto;padding:0 24px
}
.tw-landing .narrow {
  max-width:1060px
}
.tw-landing /* announcement bar */
.announce {
  background:var(--blue-band);color:var(--navy);text-align:center;font-size:.92rem;padding:11px 20px;font-weight:500
}
.tw-landing .announce a {
  color:var(--blue-dk);text-decoration:underline;font-weight:600;margin-left:8px
}
.tw-landing /* nav */
.nav {
  background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50
}
.tw-landing .nav-in {
  display:flex;align-items:center;height:72px;gap:28px
}
.tw-landing .logo {
  font-weight:800;font-size:1.65rem;color:var(--navy);letter-spacing:-.02em
}
.tw-landing .logo .tee {
  color:var(--blue)
}
.tw-landing .nav-links {
  display:flex;gap:26px;margin-left:auto;align-items:center
}
.tw-landing .nav-links a:not(.btn) {
  color:var(--navy);font-weight:600;font-size:.94rem;padding:6px 0;border-bottom:2px solid transparent
}
.tw-landing .nav-links a:not(.btn):hover, .tw-landing .nav-links a:not(.btn):focus-visible {
  color:var(--blue);border-bottom-color:var(--blue)
}
@media(max-width:940px) {
.tw-landing .nav-links a:not(.btn) {
  display:none
}

}
.tw-landing /* buttons */
.btn {
  display:inline-block;background:var(--blue);color:#fff;font-family:var(--font-body);font-weight:700;font-size:.96rem;padding:13px 28px;border:2px solid var(--blue);border-radius:var(--pill);cursor:pointer;text-align:center
}
.tw-landing .btn:hover, .tw-landing .btn:focus-visible {
  background:var(--blue-dk);border-color:var(--blue-dk);color:#fff
}
.tw-landing .btn-sm {
  padding:10px 20px;font-size:.9rem
}
.tw-landing .btn-outline {
  background:transparent;color:var(--blue)
}
.tw-landing .btn-outline:hover, .tw-landing .btn-outline:focus-visible {
  background:var(--blue);color:#fff
}
.tw-landing .btn-white {
  background:#fff;color:var(--navy);border-color:#fff
}
.tw-landing .btn-white:hover, .tw-landing .btn-white:focus-visible {
  background:var(--blue-pale);border-color:var(--blue-pale);color:var(--navy)
}
.tw-landing /* sections */
.section {
  padding:74px 0
}
.tw-landing .section-pale {
  background:var(--blue-pale)
}
.tw-landing .section-navy {
  background:var(--navy);color:#BFC8E8
}
.tw-landing .section-navy h2, .tw-landing .section-navy h3 {
  color:#fff
}
.tw-landing .head-block {
  max-width:none;margin-bottom:44px
}
.tw-landing .head-block h2 {
  max-width:none
}
.tw-landing /* wide enough to stop pointless wrapping, .tw-landing capped so long paragraphs stay readable */
.head-block .lead {
  max-width:118ch
}
.tw-landing .head-block:has(.one-line) {
  max-width:none
}
.tw-landing .one-line {
  white-space:nowrap;font-size:clamp(1.15rem,3.1vw,2.3rem)
}
.tw-landing .lead {
  font-size:1.08rem;margin-top:14px
}
.tw-landing .section-navy .lead {
  color:#B3BDE2
}
.tw-landing strong {
  color:var(--navy);font-weight:700
}
.tw-landing .section-navy strong {
  color:#fff
}
.tw-landing /* hero */
.hero {
  padding:64px 0 74px
}
.tw-landing .hero-grid {
  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center
}
.tw-landing .eyebrow {
  display:inline-block;background:var(--blue-pale);color:var(--blue-dk);font-weight:700;font-size:.83rem;padding:7px 15px;border-radius:var(--pill);margin-bottom:18px
}
.tw-landing .hero-cta {
  display:flex;gap:12px;flex-wrap:wrap;margin-top:28px
}
.tw-landing .hero-note {
  margin-top:24px;font-size:.9rem;border-left:3px solid var(--blue);padding-left:14px
}
@media(max-width:900px) {
.tw-landing .hero-grid {
  grid-template-columns:1fr;gap:34px
}

}
.tw-landing .drop-card {
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px
}
.tw-landing .drop-head {
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px
}
.tw-landing .drop-co {
  font-family:var(--font-art);font-weight:600;letter-spacing:.06em;font-size:.85rem;color:var(--navy)
}
.tw-landing .drop-q {
  font-size:.8rem
}
.tw-landing .stage {
  background:var(--blue-pale);border-radius:var(--radius-sm);padding:8px
}
.tw-landing .stage img {
  display:block;width:100%;height:auto
}
.tw-landing .drop-foot {
  display:flex;align-items:center;gap:9px;margin-top:14px;font-size:.9rem
}
.tw-landing .dot {
  width:9px;height:9px;border-radius:50%;background:var(--blue);flex:none
}
.tw-landing #clock {
  color:var(--navy);font-weight:700
}
.tw-landing .drop-foot #dropline {
  font-size:.9rem
}
.tw-landing /* compare */
.compare {
  display:grid;grid-template-columns:1fr 1fr;gap:22px
}
.tw-landing .panel {
  border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;background:var(--white);transition:border-color .15s ease,box-shadow .15s ease
}
.tw-landing .panel:hover {
  border-color:var(--blue);box-shadow:var(--shadow)
}
.tw-landing .panel-good:hover {
  border-color:#fff;box-shadow:0 6px 26px rgba(15,27,77,.34)
}
.tw-landing .panel-good {
  background:var(--navy);border-color:var(--navy);color:#C3CDEC
}
.tw-landing .panel h3 {
  font-size:.86rem;letter-spacing:.07em;font-family:var(--font-art);font-weight:600;margin-bottom:16px;color:var(--body)
}
.tw-landing .panel-good h3 {
  color:var(--blue)
}
.tw-landing .panel ul {
  list-style:none;margin:0;padding:0
}
.tw-landing .panel li {
  padding:11px 0 11px 28px;position:relative;font-size:.96rem;border-top:1px solid var(--line)
}
.tw-landing .panel-good li {
  border-top-color:rgba(255,255,255,.16)
}
.tw-landing .panel li:first-child {
  border-top:none
}
.tw-landing .panel li::before {
  position:absolute;left:0;top:11px;font-weight:700
}
.tw-landing .panel-bad li::before {
  content:"\00d7";color:#A9B0CC;font-size:1.15rem;line-height:1.1
}
.tw-landing .panel-good li::before {
  content:"\2713";color:var(--blue)
}
@media(max-width:760px) {
.tw-landing .compare {
  grid-template-columns:1fr
}

}
.tw-landing /* steps */
.steps {
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px
}
.tw-landing .step {
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;transition:border-color .15s ease,box-shadow .15s ease
}
.tw-landing .step:hover {
  border-color:var(--blue);box-shadow:var(--shadow)
}
.tw-landing .step-n {
  width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:15px
}
.tw-landing .step p {
  font-size:.93rem;margin:8px 0 0
}
@media(max-width:900px) {
.tw-landing .steps {
  grid-template-columns:1fr 1fr
}

}
@media(max-width:540px) {
.tw-landing .steps {
  grid-template-columns:1fr
}

}
.tw-landing /* gallery */
.gallery {
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
.tw-landing .tile {
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 16px
}
.tw-landing .tile:hover {
  border-color:var(--blue);box-shadow:var(--shadow)
}
.tw-landing .tile-cap {
  margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:baseline
}
.tw-landing .tile-co {
  font-family:var(--font-art);font-weight:600;letter-spacing:.05em;font-size:.82rem;color:var(--navy)
}
.tw-landing .tile-q {
  font-size:.78rem
}
@media(max-width:820px) {
.tw-landing .gallery {
  grid-template-columns:1fr;max-width:360px;margin:0 auto
}

}
.tw-landing /* style picker */
.styles-grid {
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
.tw-landing .style-tile {
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 22px
}
.tw-landing .style-tile {
  transition:border-color .15s ease,box-shadow .15s ease
}
.tw-landing .style-tile:hover {
  border-color:var(--blue);box-shadow:var(--shadow)
}
.tw-landing .style-tile img {
  display:block;width:100%;height:auto;background:var(--blue-pale);border-radius:var(--radius-sm);padding:6px
}
.tw-landing .style-tile h3 {
  margin:16px 0 5px
}
.tw-landing .style-tile p {
  font-size:.92rem;margin:0
}
@media(max-width:900px) {
.tw-landing .styles-grid {
  grid-template-columns:1fr 1fr
}

}
@media(max-width:600px) {
.tw-landing .styles-grid {
  grid-template-columns:1fr;max-width:360px;margin:0 auto
}

}
.tw-landing /* collar */
.collar {
  display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center
}
.tw-landing .collar-art {
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px;transition:border-color .15s ease,box-shadow .15s ease
}
.tw-landing .collar-art:hover {
  border-color:var(--blue);box-shadow:var(--shadow)
}
.tw-landing .collar-art img {
  display:block;width:100%;height:auto;border-radius:var(--radius-sm)
}
.tw-landing .parts {
  list-style:none;margin:24px 0 0;padding:0
}
.tw-landing .parts li {
  display:grid;grid-template-columns:36px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)
}
.tw-landing .parts li:first-child {
  border-top:none
}
.tw-landing .parts .n {
  width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center
}
.tw-landing .parts h3 {
  font-size:1rem;margin-bottom:3px
}
.tw-landing .parts p {
  font-size:.93rem;margin:0
}
.tw-landing .tags {
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px
}
.tw-landing .tag {
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:12px;transition:border-color .15s ease,box-shadow .15s ease
}
.tw-landing .tag:hover {
  border-color:var(--blue);box-shadow:var(--shadow)
}
.tw-landing .tag img {
  display:block;width:100%;height:auto;border-radius:var(--radius-sm)
}
.tw-landing .tag-cap {
  font-size:.85rem;margin:12px 0 0;text-align:center
}
@media(max-width:820px) {
.tw-landing .collar {
  grid-template-columns:1fr;gap:30px
}
.tw-landing .tags {
  grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto
}

}
.tw-landing /* specs */
.spec-grid {
  display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start
}
.tw-landing .specs {
  list-style:none;margin:0;padding:0
}
.tw-landing .specs li {
  padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:128px 1fr;gap:16px;font-size:.95rem
}
.tw-landing .specs li:first-child {
  border-top:1px solid var(--line)
}
.tw-landing .spec-k {
  font-family:var(--font-art);font-weight:500;letter-spacing:.06em;font-size:.8rem;color:var(--blue-dk);padding-top:3px
}
.tw-landing .price-card {
  background:var(--navy);color:#BFC8E8;border-radius:var(--radius);padding:30px
}
.tw-landing .price-fig {
  font-weight:800;font-size:3.2rem;line-height:1;color:#fff
}
.tw-landing .price-card p {
  font-size:.95rem;margin:14px 0 0
}
.tw-landing .price-card strong {
  color:#fff
}
@media(max-width:820px) {
.tw-landing .spec-grid {
  grid-template-columns:1fr;gap:32px
}

}
.tw-landing /* band */
.band {
  background:var(--blue);color:#fff;padding:58px 0;text-align:center
}
.tw-landing .band h2 {
  color:#fff;margin:0 auto;max-width:none;white-space:nowrap;font-size:clamp(1.05rem,3.4vw,2.6rem)
}
.tw-landing .band p {
  margin:18px auto 0;max-width:33em;color:#E2EEFE
}
.tw-landing /* bulk order */
.bulk {
  background:var(--blue-pale);border:1px solid var(--line);border-radius:var(--radius);padding:44px 42px;display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center
}
.tw-landing .bulk h2 {
  margin-bottom:14px
}
.tw-landing .bulk-list {
  list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px
}
.tw-landing .bulk-list li {
  position:relative;padding-left:26px;font-size:.95rem
}
.tw-landing .bulk-list li::before {
  content:"\2713";position:absolute;left:0;color:var(--blue);font-weight:700
}
.tw-landing .bulk-cta {
  background:var(--white);border-radius:var(--radius);padding:28px;text-align:center;box-shadow:var(--shadow)
}
.tw-landing .bulk-fig {
  font-weight:800;font-size:2.5rem;color:var(--navy);line-height:1
}
.tw-landing .bulk-cta p {
  font-size:.92rem;margin:8px 0 20px
}
@media(max-width:860px) {
.tw-landing .bulk {
  grid-template-columns:1fr;gap:30px;padding:34px 26px
}
.tw-landing .bulk-list {
  grid-template-columns:1fr
}

}
.tw-landing /* cadence options */
.cadence {
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start
}
.tw-landing .opt {
  background:var(--white);border:2px solid var(--line);border-radius:var(--radius);padding:28px 26px;position:relative;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease
}
.tw-landing .opt:hover, .tw-landing .opt:focus-within {
  border-color:var(--blue);background:var(--blue-pale);box-shadow:0 10px 30px rgba(15,27,77,.16);transform:translateY(-5px)
}
.tw-landing .opt::before {
  content:"";position:absolute;left:26px;right:26px;top:-2px;height:5px;border-radius:0 0 4px 4px;background:transparent;transition:background .15s ease
}
.tw-landing .opt:hover::before, .tw-landing .opt:focus-within::before {
  background:var(--blue)
}
.tw-landing .opt:hover .opt-name, .tw-landing .opt:focus-within .opt-name {
  color:var(--blue-dk)
}
.tw-landing .opt:hover li, .tw-landing .opt:focus-within li {
  border-top-color:#CBD8F4
}
.tw-landing .opt-pick {
  border-color:var(--blue)
}
.tw-landing .opt-pick:hover, .tw-landing .opt-pick:focus-within {
  box-shadow:0 12px 34px rgba(74,154,245,.34)
}
.tw-landing .opt-pick::before {
  background:var(--blue)
}
.tw-landing .opt-pick {
  box-shadow:var(--shadow)
}
.tw-landing .flag {
  position:absolute;top:-14px;left:26px;background:var(--blue);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.03em;padding:6px 14px;border-radius:var(--pill)
}
.tw-landing .opt-name {
  font-weight:800;font-size:1.35rem;color:var(--navy)
}
.tw-landing .opt-freq {
  font-size:.86rem;color:var(--blue-dk);font-weight:700;margin-top:4px
}
.tw-landing .opt p {
  font-size:.94rem;margin:14px 0 16px
}
.tw-landing .opt ul {
  list-style:none;margin:0 0 22px;padding:0
}
.tw-landing .opt li {
  font-size:.92rem;padding:9px 0 9px 26px;position:relative;border-top:1px solid var(--line)
}
.tw-landing .opt li:first-child {
  border-top:none
}
.tw-landing .opt li::before {
  content:"\2713";position:absolute;left:0;top:9px;color:var(--blue);font-weight:700;font-size:.86rem
}
.tw-landing .opt .btn {
  width:100%
}
@media(max-width:900px) {
.tw-landing .cadence {
  grid-template-columns:1fr;max-width:430px;margin:0 auto
}

}
.tw-landing /* setup fee callout */
.fee-strip {
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px;margin-bottom:36px;display:flex;align-items:center;gap:26px;flex-wrap:wrap
}
.tw-landing .fee-amt {
  font-weight:800;font-size:2.6rem;color:var(--navy);line-height:1
}
.tw-landing .fee-txt {
  flex:1;min-width:260px;font-size:.97rem;margin:0
}
.tw-landing .fee-pill {
  background:var(--blue-pale);color:var(--blue-dk);font-weight:700;font-size:.86rem;padding:9px 16px;border-radius:var(--pill)
}
.tw-landing /* relief */
.relief {
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px
}
.tw-landing .relief > div {
  border-top:3px solid var(--blue);padding-top:16px
}
.tw-landing .relief p {
  font-size:.93rem;margin:7px 0 0;color:#AEB8DC
}
@media(max-width:800px) {
.tw-landing .relief {
  grid-template-columns:1fr
}

}
.tw-landing /* faq */
.faq-wrap {
  max-width:1000px;margin:0 auto
}
.tw-landing .faq {
  border-top:1px solid var(--line)
}
.tw-landing details {
  border-bottom:1px solid var(--line)
}
.tw-landing summary {
  cursor:pointer;list-style:none;padding:19px 38px 19px 0;font-weight:700;font-size:1rem;color:var(--navy);position:relative
}
.tw-landing summary::-webkit-details-marker {
  display:none
}
.tw-landing summary::after {
  content:"+";position:absolute;right:6px;top:16px;font-size:1.4rem;color:var(--blue);font-weight:400;line-height:1
}
.tw-landing details[open] summary::after {
  content:"\2013"
}
.tw-landing summary:hover, .tw-landing summary:focus-visible {
  color:var(--blue)
}
.tw-landing details p {
  padding:0 40px 19px 0;margin:0;font-size:.96rem
}
.tw-landing /* cta */
.cta-grid {
  display:grid;grid-template-columns:1fr .85fr;gap:46px;align-items:center
}
.tw-landing .cta-box {
  background:var(--white);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)
}
.tw-landing .field {
  margin-bottom:15px
}
.tw-landing label {
  display:block;font-size:.83rem;font-weight:700;color:var(--navy);margin-bottom:6px
}
.tw-landing input, .tw-landing select {
  width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-body);font-size:1rem;color:var(--navy);background:#fff
}
.tw-landing input:focus, .tw-landing select:focus {
  outline:none;border-color:var(--blue)
}
.tw-landing #confirm {
  display:none;margin-top:13px;background:var(--blue);color:#fff;padding:12px 14px;border-radius:var(--radius-sm);font-size:.93rem
}
@media(max-width:860px) {
.tw-landing .cta-grid {
  grid-template-columns:1fr;gap:30px
}

}
.tw-landing /* footer */
footer {
  background:var(--navy);color:#A6B0D8;padding:54px 0 26px;font-size:.92rem
}
.tw-landing .foot-grid {
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px
}
.tw-landing footer h4 {
  color:#fff;margin-bottom:14px
}
.tw-landing footer ul {
  list-style:none;margin:0;padding:0
}
.tw-landing footer li {
  padding:5px 0
}
.tw-landing footer a {
  color:#A6B0D8
}
.tw-landing footer a:hover {
  color:#fff
}
.tw-landing .foot-logo {
  font-weight:800;font-size:1.5rem;color:#fff;display:inline-block;margin-bottom:12px
}
.tw-landing .foot-logo .tee {
  color:var(--blue)
}
.tw-landing .foot-bottom {
  border-top:1px solid #2A3874;margin-top:34px;padding-top:20px;font-size:.86rem
}
@media(max-width:820px) {
.tw-landing .foot-grid {
  grid-template-columns:1fr 1fr
}

}
.tw-landing :focus-visible {
  outline:3px solid var(--blue);outline-offset:2px
}
@media(prefers-reduced-motion:reduce) {
.tw-landing {
  transition:none!important;animation:none!important
}

}
@media(hover:none) {
.tw-landing .opt:hover {
  transform:none;background:var(--white)
}
.tw-landing .opt:hover, .tw-landing .step:hover, .tw-landing .panel:hover, .tw-landing .tag:hover, .tw-landing .style-tile:hover, .tw-landing .collar-art:hover {
  border-color:var(--line);box-shadow:none
}

#teemworkContactForm_error,
.tw-landing #teemworkContactForm_error {
  transition: all 0.3s ease;
  margin-top: 16px !important;
  text-align: center;
  padding: 14px 20px !important;
}
#teemworkContactForm_error.information,
#teemworkContactForm_error.alert-success,
.tw-landing #teemworkContactForm_error.information,
.tw-landing #teemworkContactForm_error.alert-success {
  color: #065f46 !important;
  background-color: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.12) !important;
}