.hero{background:linear-gradient(155deg,#ac48fa 0%,#913bd5 48%,#54228c 100%)}
.hero-copy h1{font-size:clamp(46px,4.9vw,70px);line-height:1.12;letter-spacing:-.05em;max-width:620px}
.hero-copy h1 em{color:#fff;letter-spacing:-.05em;font-size:.9em}
.hero-copy .eyebrow{color:#f1e1ff}.hero-lead{color:#f5eaff}.hero .cta-note{color:#eddbfb}
.hero-stores{justify-content:flex-start;margin-top:31px;gap:12px}.hero-stores .store-link{min-width:178px}
.hero-visual{height:590px}.phone-wrap{top:130px;left:0;transform:rotate(-6deg)}
.nav-cta{background:#ffffff12;color:#fff}.section-index{font-size:1.75em;line-height:1;letter-spacing:.03em;margin-right:4px}
.chat-phone-stage{display:flex;justify-content:center;align-items:center;position:relative;min-height:650px}
.chat-phone{position:relative;width:300px;border-radius:48px;padding:9px;background:linear-gradient(110deg,#b7b2bc,#28252d 12%,#09080b 40%,#504959 90%,#b3acbc);box-shadow:0 25px 55px #2c16302b,0 0 0 1px #cac1d3;transform:rotate(4deg)}
.chat-phone::before{content:'';position:absolute;left:-3px;top:115px;width:3px;height:32px;border-radius:2px;background:#443b4a;box-shadow:0 46px 0 #443b4a}
.chat-phone::after{content:'';position:absolute;right:-3px;top:148px;width:3px;height:53px;border-radius:2px;background:#443b4a}
.chat-screen{overflow:hidden;border:2px solid #111015;border-radius:39px;background:#f5effa;min-height:620px;display:flex;flex-direction:column}
.phone-status{position:relative;height:44px;display:flex;align-items:center;justify-content:space-between;padding:5px 19px 0;background:#faf7fd;color:#251435;font-size:12px;font-weight:700}
.dynamic-island{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:87px;height:25px;background:#111015;border-radius:18px}
.status-icons{font-size:10px;letter-spacing:1px}.chat-header{display:flex;align-items:center;gap:9px;padding:18px 12px 16px;border-bottom:1px solid #e3d4ef;background:#faf7fd}
.back-chevron{font-size:31px;line-height:1;color:#9434e1;margin-right:2px}.contact-photo{width:35px;height:35px;border-radius:50%;object-fit:cover;object-position:22% center}
.chat-header strong{display:block;font-size:15px;line-height:1.2;font-weight:600}.chat-header div>span{display:block;font-size:10px;color:#96829f;line-height:1.7}
.chat-brand{width:55px;margin-left:auto}.chat-body{flex:1;padding:19px 13px 15px;background:linear-gradient(155deg,#f5effb,#ece0f5);display:flex;flex-direction:column;gap:17px}
.chat-day{font-size:9px;letter-spacing:.12em;align-self:center;color:#9b86a9;margin-bottom:4px}.chat-bubble{font-size:13px;line-height:1.55;padding:12px 13px 7px;width:84%;box-shadow:0 4px 10px #55206c07}
.chat-bubble>span{display:block;text-align:right;font-size:9px;opacity:.62;margin-top:5px}.chat-bubble.incoming{align-self:flex-start;background:#fff;border-radius:15px 15px 15px 4px;color:#4c365b}
.chat-bubble.outgoing{align-self:flex-end;background:linear-gradient(130deg,#a12cf0,#7b20cd);color:#fff;border-radius:15px 15px 4px 15px}
.chat-composer{display:flex;align-items:center;gap:9px;margin:16px 12px 9px;border:1px solid #e4d7ee;border-radius:23px;background:#fff;padding:7px 8px 7px 11px;color:#ad9ab6;font-size:11px}
.composer-plus{font-size:22px;line-height:1;color:#9d76b3}.send-mark{display:flex;align-items:center;justify-content:center;margin-left:auto;width:28px;height:28px;background:#971fec;color:#fff;border-radius:50%}.send-mark svg{width:17px;height:17px}
.home-indicator{height:4px;background:#26152e;width:95px;border-radius:9px;margin:8px auto 10px}
@media(max-width:1100px){.hero-copy h1{font-size:clamp(44px,5vw,59px)}.hero-stores{gap:10px}.hero-stores .store-link{min-width:160px;padding-inline:13px}.hero-visual{height:550px}.phone-wrap{top:140px}.chat-phone-stage{min-height:640px}}
@media(max-width:800px){.hero-copy h1{font-size:clamp(44px,8.4vw,65px);max-width:650px}.hero-copy h1 br:first-child{display:block}.hero-copy h1 em{max-width:650px}.hero-stores{margin-top:26px}.hero .cta-note{margin-bottom:4px}.hero-visual{height:550px}.phone-wrap{top:120px}.nav-cta{font-size:11px;padding:9px 13px}.chat-phone-stage{min-height:655px}.conversation-grid{gap:8px}}
@media(max-width:480px){.hero-copy h1{font-size:43px;letter-spacing:-.055em}.hero-stores{gap:10px}.hero-stores .store-link{min-width:145px;padding:10px 12px}.hero-visual{height:458px}.phone-wrap{top:99px}.chat-phone-stage{min-height:630px}.chat-phone{width:284px}.chat-screen{min-height:590px}.chat-body{gap:14px}.step-number{line-height:1.1}.steps article{column-gap:15px}.nav .brand{width:112px}}