@font-face{font-family:Roobert;src:url('https://anywear.decart.ai/fonts/RoobertVF.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#170404;--copy:#3a2424;--paper:#fffffc;--blush:#fbf8fa;--pink:#bd4f7b;--line:#ded8da;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Roobert,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}button,a{font:inherit}button{color:inherit}a{color:inherit}.page-grid{width:min(var(--max),calc(100% - 48px));margin:0 auto}.section-white{background:var(--paper)}.section-pink{background:var(--blush)}
.topbar{height:73px;position:sticky;top:0;z-index:20;background:rgba(255,255,252,.9);border-bottom:1px solid rgba(23,4,4,.12);backdrop-filter:blur(10px)}.nav-wrap{width:min(var(--max),calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:104px}.topbar nav{display:flex;gap:10px}.button{height:47px;padding:0 22px;border-radius:6px;border:1px solid var(--ink);cursor:pointer}.button-light{background:var(--paper)}.button-dark{background:var(--ink);color:#fff}.topbar .button{min-width:160px}
.hero{padding:74px 0 82px}.hero-grid{display:grid;grid-template-columns:500px 560px;gap:60px;align-items:center}.hero h1{font-size:58px;line-height:.99;letter-spacing:-2.8px;font-weight:500;margin:0}.lede{font-size:20px;line-height:1.5;color:var(--copy);margin:18px 0 29px}.hero-actions{width:293px;display:grid;gap:11px}.stack-button{height:65px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--ink);cursor:pointer}.stack-button span{font-size:16px;line-height:20px}.stack-button small{font-size:12px;opacity:.72}.stack-button img{width:18px;vertical-align:-4px;margin-right:7px}.stack-dark{background:var(--ink);color:white}.stack-light{background:transparent;color:var(--ink)}.inline-choice{line-height:1.5;margin:16px 0 0}.inline-choice a,.expert a,.trial a{text-decoration:underline}.expert{font-size:14px;color:#665656;margin:15px 0 0}.hero-media{margin:0}.gradient-frame{padding:26px;border-radius:16px;background:#f0c9ef url('https://anywear.decart.ai/assets/anywear-gradient.svg') center/cover no-repeat;box-shadow:0 25px 40px rgba(165,83,124,.16)}.gradient-frame img,.gradient-frame video{display:block;width:100%;border-radius:11px}.hero-video{aspect-ratio:3/2;height:auto;object-fit:cover;background:#efe7ea}.hero-media figcaption,.why-media figcaption{font-size:13px;color:#5a4949;margin-top:13px}
.demo{padding:78px 0 87px}.one-column h2,.why h2{font-size:40px;line-height:1.06;letter-spacing:-1.5px;font-weight:500;margin:16px 0 15px}.eyebrow{text-transform:uppercase;color:var(--pink);font-size:12px;line-height:1;letter-spacing:1.2px}.section-intro{font-size:17px;line-height:1.55;color:var(--copy);margin:0;max-width:710px}.garment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:35px}.garment{position:relative;padding:0;border:1px solid #e2dddf;border-radius:12px;overflow:hidden;background:#f0f0ec;cursor:pointer;aspect-ratio:.75}.garment img{width:100%;height:100%;object-fit:cover;display:block}.try-badge{position:absolute;z-index:2;left:9px;top:9px;background:#fff;border:1px solid #ddd4d7;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.09);font-size:11px;padding:4px 7px}.caption-wide{font-size:13px;line-height:1.5;color:#5c4e4e;margin:18px 0 0}
.why{padding:88px 0}.split-grid{display:grid;grid-template-columns:480px 580px;gap:60px;align-items:center}.why h2{max-width:430px;margin-top:19px}.why .section-intro{max-width:455px}.why-media{margin:0}.why-media .gradient-frame{padding:79px 82px 60px}.why-media .gradient-frame img{border-radius:4px}
.numbers{padding:73px 0 76px}.numbers .eyebrow{margin-bottom:20px}.metric{min-height:76px;border-top:1px solid var(--line);display:grid;grid-template-columns:367px 160px 1fr;align-items:center;gap:0}.metric:last-of-type{border-bottom:1px solid var(--line)}.metric h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:0}.metric .value{font-size:27px;color:var(--pink)}.metric .value small{font-size:13px}.metric p{font-size:13px;color:#675959;margin:0}.source-note{font-size:13px;color:#675959;margin:20px 0 0}
.activate{padding:89px 0 87px}.activate h2{max-width:720px}.activate-intro{max-width:650px}.option-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;margin-top:41px}.option-card{border-radius:14px;padding:28px;min-height:494px;display:flex;flex-direction:column}.option-light{background:#fbf9fb;border:1px solid var(--line)}.option-accent{background:var(--ink);color:white}.option-label{text-transform:uppercase;letter-spacing:1px;font-size:12px;color:#675858;display:flex;align-items:center;gap:10px}.option-label span{display:inline-grid;place-items:center;border:1px solid currentColor;width:27px;height:27px;border-radius:50%;font-size:13px}.option-accent .option-label{color:var(--pink)}.option-card h3{font-size:21px;font-weight:500;letter-spacing:-.4px;margin:20px 0 10px}.option-card p{font-size:15px;line-height:1.5;color:#514141;margin:0}.option-accent p{color:#d8cece}.option-card code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;padding:2px 5px;border-radius:3px;background:#3a2020;color:white}.option-light .stack-button{width:261px;margin-top:auto}.code-box{margin:22px 0 11px;padding:20px 16px;border:1px solid #5c4242;border-radius:7px;background:#2a1111}.code-box code{padding:0;background:transparent;line-height:1.55}.copy-row{display:flex;align-items:center;gap:13px;font-size:12px;color:#b7a8a8}.copy-row button{border:1px solid #816b6b;border-radius:5px;padding:8px 13px;background:transparent;color:white;cursor:pointer}.install-white{background:#fff;color:var(--ink);border:0;width:210px;margin:22px 0 17px}.trial{font-size:13px!important;margin-top:auto!important}.option-accent .trial a{color:white}
.qa{padding:80px 0 85px}.qa h2{margin-bottom:31px}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:21px 2px;font-size:16px;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:2px;font-size:21px;font-weight:300;color:#5f5252}details[open] summary::after{content:'−'}details p{margin:-5px 0 22px;max-width:720px;line-height:1.55;color:#604f4f}
.voices{padding:77px 0 73px}.voices-title{font-size:24px;font-weight:500;margin:18px 0 11px}.voices-intro{font-size:14px;line-height:1.5;color:#675959;margin:0}.voice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.voice{border:1px solid var(--line);border-radius:11px;overflow:hidden;text-decoration:none;background:#fff}.voice-media{height:168px;background:linear-gradient(135deg,#eee6ef,#e8e0e9);position:relative;background-size:cover;background-position:center}.voice-media span{position:absolute;left:10px;bottom:9px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:10px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.voice blockquote{height:70px;margin:0;padding:16px 14px;font-size:14px;line-height:1.25}.voice footer{height:43px;padding:8px 14px;color:#726363;font-size:12px;display:flex;align-items:center;gap:3px}.voice footer strong{color:var(--ink);font-weight:500}.voice footer b{margin-left:auto;color:var(--ink)}
.site-footer{border-top:1px solid var(--line);padding:33px 0;color:#716262;font-size:13px}.footer-row{display:flex;justify-content:space-between;align-items:center}.footer-row>div{display:flex;align-items:center;gap:13px}.footer-row img{width:70px;max-height:24px}.footer-row nav{display:flex;gap:28px}.footer-row a{text-decoration:none}
.sheet,.tryon-sheet{border:0;border-radius:15px;padding:0;width:min(490px,calc(100% - 30px));color:var(--ink);box-shadow:0 30px 100px rgba(23,4,4,.25)}dialog::backdrop{background:rgba(23,4,4,.42);backdrop-filter:blur(5px)}.sheet form,.tryon-sheet form{height:0;position:relative;z-index:2}.close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f2edef;font-size:22px;cursor:pointer}.sheet-body{padding:39px}.sheet-body h3{font-size:24px;margin:0 0 8px}.sheet-body p{color:#675757;line-height:1.45}.sheet-body label{display:grid;gap:8px;font-size:13px;margin:23px 0 12px}.sheet-body input{height:49px;border:1px solid #b9afb0;border-radius:6px;padding:0 13px;font-size:16px}.sheet-action{width:100%}.sheet-body hr{border:0;border-top:1px solid var(--line);margin:28px 0}.skip{display:block;margin:14px auto 0;border:0;background:transparent;text-decoration:underline;cursor:pointer}.tryon-content{text-align:center;padding:55px 40px 44px}.tryon-content h3{font-size:28px;margin:10px}.tryon-content p{color:#675757}.tryon-content small{display:block;margin-top:15px;color:#847575}.camera-icon{font-size:45px}
@media (max-width:800px){.page-grid,.nav-wrap{width:min(100% - 32px,var(--max))}.topbar{height:64px}.topbar .brand img{width:91px}.topbar .button-light{display:none}.topbar .button-dark{min-width:auto;height:40px;padding:0 15px}.hero{padding:46px 0 54px}.hero-grid,.split-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:47px;letter-spacing:-2px}.lede{font-size:18px}.hero-actions{width:100%}.hero-media{order:-1}.gradient-frame{padding:16px}.hero-copy{display:flex;flex-direction:column}.hero-copy h1{order:0}.hero-copy .lede{order:1}.hero-copy .hero-actions{order:2}.hero-copy .inline-choice{order:3}.hero-copy .expert{order:4}.demo,.why,.numbers,.activate,.qa,.voices{padding:58px 0}.one-column h2,.why h2{font-size:34px}.desktop-only{display:none}.garment-grid{grid-template-columns:1fr;gap:14px}.garment{aspect-ratio:.85}.split-grid{gap:32px}.why-media .gradient-frame{padding:37px}.metric{grid-template-columns:1fr 110px;gap:12px;padding:19px 0}.metric h3{font-size:21px}.metric p{grid-column:1/-1}.option-grid{grid-template-columns:1fr}.option-card{min-height:460px;padding:23px}.voice-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.voice{min-width:260px;scroll-snap-align:start}.footer-row{align-items:flex-start;gap:25px}.footer-row nav{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.hero-media figcaption{font-size:12px}}
@media (max-width:480px){.hero-media{order:0}.hero-grid{gap:45px}.hero h1{font-size:44px}.metric{grid-template-columns:1fr}.metric .value{font-size:25px}.footer-row{flex-direction:column}.footer-row nav{grid-template-columns:1fr}.option-card{min-height:auto}.option-light .stack-button{margin-top:45px}.install-white{width:100%}}

/* ---- Interactive Try-On badge ---------------------------------------- */
@property --beam{syntax:'<angle>';initial-value:0deg;inherits:false}

.garment{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s cubic-bezier(.2,.7,.3,1),border-color .3s}
.garment img{transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.garment::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(189,79,123,.09),rgba(23,4,4,0) 30%);opacity:0;transition:opacity .3s}
.garment:hover{transform:translateY(-3px);border-color:#cdbfc4;box-shadow:0 14px 30px rgba(120,40,78,.16)}
.garment:hover img{transform:scale(1.045)}
.garment:hover::after{opacity:1}
.garment:active{transform:translateY(-1px)}
.garment:focus-visible{outline:2px solid var(--pink);outline-offset:3px}

.try-badge{
  display:inline-flex;align-items:center;
  border:1px solid transparent;border-radius:999px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    conic-gradient(from var(--beam),#e4dade 0deg,#e4dade 186deg,var(--pink) 246deg,#f6b7dc 282deg,#e4dade 336deg) border-box;
  box-shadow:0 1px 4px rgba(0,0,0,.09),0 0 0 0 rgba(189,79,123,.35);
  overflow:hidden;isolation:isolate;font-weight:500;letter-spacing:-.1px;
  animation:badge-beam 3.6s linear infinite,badge-breathe 3.6s ease-in-out infinite;
  transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s,padding .28s;
}
.try-badge b{font-weight:500}
/* travelling sheen */
.try-badge::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.9) 46%,rgba(246,183,220,.75) 54%,transparent 66%);
  transform:translateX(-130%);
  animation:badge-sheen 3.6s cubic-bezier(.5,0,.3,1) infinite;
}
/* arrow that opens up on hover */
.try-badge::after{
  content:'\2192';display:inline-block;max-width:0;margin-left:0;opacity:0;color:var(--pink);
  transform:translateX(-3px);
  transition:max-width .28s cubic-bezier(.2,.7,.3,1),margin-left .28s cubic-bezier(.2,.7,.3,1),opacity .2s,transform .28s cubic-bezier(.2,.7,.3,1);
}
.try-spark{font-style:normal;margin-right:5px;color:var(--pink);line-height:1;display:inline-block;animation:spark-twinkle 3.6s ease-in-out infinite}

.garment:hover .try-badge{animation:badge-beam 2.1s linear infinite;transform:translateY(-1px) scale(1.06);transform-origin:left center;padding-right:8px;box-shadow:0 4px 12px rgba(120,40,78,.22),0 0 0 4px rgba(189,79,123,.12)}
.garment:hover .try-badge::after{max-width:16px;margin-left:5px;opacity:1;transform:translateX(0)}
.garment:hover .try-spark{animation-duration:1.2s}
.garment:active .try-badge{transform:translateY(0) scale(.98)}
.garment:focus-visible .try-badge{animation:badge-beam 2.1s linear infinite;box-shadow:0 4px 12px rgba(120,40,78,.22),0 0 0 4px rgba(189,79,123,.18)}

@keyframes badge-beam{to{--beam:360deg}}
@keyframes badge-breathe{0%,64%,100%{box-shadow:0 1px 4px rgba(0,0,0,.09),0 0 0 0 rgba(189,79,123,.3)}82%{box-shadow:0 1px 4px rgba(0,0,0,.09),0 0 0 5px rgba(189,79,123,0)}}
@keyframes badge-sheen{0%,58%{transform:translateX(-130%)}92%,100%{transform:translateX(130%)}}
@keyframes spark-twinkle{0%,70%,100%{transform:rotate(0) scale(1);opacity:1}80%{transform:rotate(90deg) scale(1.28);opacity:.75}90%{transform:rotate(180deg) scale(1)}}

/* touch devices get no hover — keep the affordance visible */
@media (hover:none){
  .try-badge::after{max-width:16px;margin-left:5px;opacity:1;transform:translateX(0)}
  .try-badge{padding-right:8px}
}

@media (prefers-reduced-motion:reduce){
  .try-badge,.try-badge::before,.try-spark{animation:none}
  .try-badge{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#e4dade,var(--pink),#e4dade) border-box}
  .garment,.garment img,.garment::after,.try-badge,.try-badge::after{transition-duration:.01ms}
  .garment:hover{transform:none}
  .garment:hover img{transform:none}
}

/* ---- Step 2 card: blush, tuned to the rose accent -------------------- */
.option-accent{
  background:linear-gradient(158deg,#fdeaf5 0%,#f9dff0 52%,#f3d4e8 100%);
  border:1px solid #eec6dd;
  color:var(--ink);
}
.option-accent .option-label{color:#a33d66}
.option-accent p{color:#5a4450}
/* dark CTA, so the primary action still carries the most weight */
.option-accent .install-white{background:var(--ink);color:#fff;margin-top:auto;margin-bottom:0;box-shadow:0 8px 20px rgba(120,40,78,.2)}

.plain-points{list-style:none;margin:22px 0 0;padding:0}
.plain-points li{position:relative;padding:0 0 0 20px;margin-top:12px;font-size:14px;line-height:1.45;color:#5a4450}
.plain-points li::before{content:'';position:absolute;left:2px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--pink)}

/* ---- Integrations grid ---------------------------------------------- */
.platforms{padding:80px 0 84px}
.platforms .section-intro{margin-top:15px}
.platform-grid{list-style:none;margin:34px 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.platform{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px 16px 16px;min-height:100px;display:flex;flex-direction:column;gap:7px}
.platform::before{content:'';width:18px;height:2px;border-radius:2px;background:var(--pink);opacity:.8}
.platform strong{font-size:16px;font-weight:500;letter-spacing:-.2px;margin-top:auto}
.platform span{font-size:12.5px;line-height:1.4;color:#6d5d5d}

/* ---- Signup sheet ---------------------------------------------------- */
.sheet-note{display:block;margin-top:16px;font-size:12px;line-height:1.45;color:#847575}
.form-error{margin:0 0 4px;font-size:13px;color:#a3243f}
/* .sheet form{height:0} targets the close-button form; opt this one out */
#signup-form{height:auto;margin:0}

@media (max-width:800px){
  .platforms{padding:58px 0}
  .platform-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .platform-grid{grid-template-columns:1fr;gap:10px}
  .platform{min-height:auto}
}

/* ---- No divider rules in the metrics table or the FAQ ---------------- */
.metric{border-top:0}
.metric:last-of-type{border-bottom:0}
.accordion{border-top:0}
details{border-bottom:0}

/* ---- Metrics: one declared rhythm, not min-height + borders ---------- */
.numbers .page-grid{display:grid;gap:36px}
.numbers .eyebrow{margin-bottom:0}
.metric{min-height:0;padding:0}
/* columns sized to content, so the gap between them is the same on both sides */
.metric{grid-template-columns:max-content max-content minmax(0,1fr);column-gap:56px}

/* ---- Contact CTAs are links to the booking page --------------------- */
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.stack-button{text-decoration:none}
.text-link{text-decoration:underline;text-underline-offset:2px}
.tryon-next{margin:18px 0 0;padding-top:17px;border-top:1px solid var(--line);font-size:13px;color:#675757}