/* SWAP on the storefront: the same matte product language as /swap. */
.swap-section.swap-home{--swap-ink:#f2f0ec;--swap-violet:#b99de5;max-width:1160px;padding:30px 20px 12px;margin:0 auto;scroll-margin-top:105px;color:var(--swap-ink)}
.swap-spotlight{border:1px solid #ffffff1b;border-radius:25px;overflow:hidden;background:#101011;box-shadow:0 20px 65px #0003;font-family:'DM Sans',sans-serif}
.spotlight-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 34px;border-bottom:1px solid #ffffff0d;color:#a39aa9;font-size:9px;letter-spacing:.14em}
.spotlight-top>span:first-child{display:flex;align-items:center;gap:10px}.spotlight-top img{border-radius:5px}.spotlight-free-badge{border:1px solid #b99de541;background:#b99de50b;border-radius:99px;padding:6px 10px;color:#d6c2f1;font-size:8px;letter-spacing:.1em;white-space:nowrap}
.spotlight-main{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:36px 42px 32px}
.spotlight-wordmark{margin:0 0 16px;font:800 clamp(70px,8vw,104px)/.96 Manrope,'DM Sans',sans-serif;letter-spacing:-.085em}.spotlight-wordmark>span{color:var(--swap-violet)}
.spotlight-copy h3{font:600 clamp(26px,3.2vw,38px)/1.13 Manrope,'DM Sans',sans-serif;letter-spacing:-.055em;color:var(--swap-ink);margin:0}.spotlight-copy h3 em{font-style:normal;color:#c7adee}
.spotlight-lead{font-size:14px;line-height:1.75;color:#9d96a4;margin:17px 0 0;max-width:380px}.spotlight-lead strong{font-weight:500;color:#d0c8d7}
.spotlight-benefits{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-top:24px;padding:21px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.spotlight-benefits>div+div{border-left:1px solid #ffffff12;padding-left:20px}.spotlight-benefits>div>span{font-size:8px;letter-spacing:.13em;color:#b89cd8}.spotlight-benefits h4{font:500 13px/1.4 'DM Sans',sans-serif;letter-spacing:-.02em;margin:8px 0 4px;color:#e7e0ed}.spotlight-benefits p{font-size:11px;line-height:1.7;color:#9b92a3;margin:0;max-width:175px}
.spotlight-offer{display:flex;align-items:center;gap:14px;margin-top:20px}.spotlight-offer>strong{font:600 34px/1 Manrope,'DM Sans',sans-serif;letter-spacing:-.06em;color:#efeae5}.spotlight-offer>span{font-size:11px;color:#dad0e3}.spotlight-offer small{display:block;margin-top:3px;color:#8c8294;font-size:9px}.spotlight-offer>.spotlight-soon{margin-left:auto;font-size:9px;color:#b0a0be;max-width:95px;text-align:right}
.spotlight-actions{display:flex;align-items:center;gap:23px;margin-top:20px}.spotlight-cta{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:14px 21px;border:1px solid #eee9e3;border-radius:99px;background:#eee9e3;color:#19151c;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:-.01em;transition:transform .2s,background .2s}.spotlight-cta:hover{background:#fff;transform:translateY(-2px)}.spotlight-cta>span{font-size:17px;color:#72538e}.spotlight-pro{font-size:11px;color:#b7a6c9;text-decoration:none;transition:color .2s}.spotlight-pro:hover{color:#f2e6ff}
.spotlight-gallery{min-width:0}.spotlight-gallery-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;color:#8c8197;margin-bottom:12px;padding:0 3px}.spotlight-screen{display:flex;position:relative;flex-direction:column;align-items:center;gap:11px;padding:20px 32px 13px;border:1px solid #ffffff13;border-radius:20px;background:radial-gradient(ellipse at 50% 105%,#b99de514,transparent 68%),#0c0c0d;text-decoration:none;overflow:hidden}.spotlight-screen>img{display:block;width:min(100%,245px);height:auto;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 16px 35px #0008;transition:transform .35s}.spotlight-screen:hover>img{transform:translateY(-3px)}.spotlight-screen-hint{color:#a89ab6;font-size:9px}
.spotlight-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.spotlight-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff13;border-radius:10px;background:#141215;color:#a59baD;font:500 10px/1.3 'DM Sans',sans-serif;padding:12px 8px;cursor:pointer;transition:background .2s,border-color .2s}.spotlight-tabs>button>span{font-size:7px;letter-spacing:.06em;color:#8d7b9f}.spotlight-tabs>button[aria-pressed=true]{background:#261e30;border-color:#b99de564;color:#e2d7ef}.spotlight-tabs>button[aria-pressed=true]>span{color:#c7ace5}.spotlight-caption{font-size:10px;line-height:1.6;color:#a89ab4;text-align:center;min-height:32px;margin:12px 4px 0}
.spotlight-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0d;padding:16px 34px;background:#0d0c0f;font-size:10px;color:#8f8599}.spotlight-bottom>span{display:flex;gap:9px;align-items:center}.spotlight-bottom i{width:5px;height:5px;flex:none;border-radius:50%;background:#b99de5}.spotlight-bottom>a{color:#c5b1df;text-decoration:none;white-space:nowrap}.spotlight-bottom>a>span{margin-left:14px}
.swap-home a:focus-visible,.swap-home button:focus-visible{outline:2px solid #c7ace5;outline-offset:4px}.spotlight-image-in{animation:spotlight-image-in .28s ease-out}@keyframes spotlight-image-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.spotlight-main{gap:30px;padding:30px}.spotlight-copy h3{font-size:30px}.spotlight-top{padding:18px 27px}.spotlight-lead{font-size:13px}.spotlight-benefits{gap:13px}.spotlight-benefits>div+div{padding-left:13px}.spotlight-actions{gap:17px}.spotlight-cta{gap:18px;padding:13px 16px}.spotlight-screen{padding:17px 20px 12px}.spotlight-offer>.spotlight-soon{font-size:8px;max-width:80px}}
@media(max-width:650px){.swap-section.swap-home{padding:22px 12px 8px}.swap-spotlight{border-radius:20px}.spotlight-top{padding:17px 20px;gap:9px;font-size:7px;letter-spacing:.1em}.spotlight-free-badge{font-size:7px;padding:5px 7px}.spotlight-top img{width:18px;height:18px}.spotlight-top>span:first-child{gap:7px}.spotlight-main{grid-template-columns:1fr;gap:30px;padding:26px 23px}.spotlight-wordmark{font-size:87px;margin-bottom:15px}.spotlight-copy h3{font-size:34px}.spotlight-lead{font-size:13px;margin-top:14px}.spotlight-benefits{margin-top:20px;padding:18px 0;gap:16px}.spotlight-benefits>div+div{padding-left:16px}.spotlight-benefits h4{font-size:12px}.spotlight-benefits p{font-size:10px}.spotlight-offer>strong{font-size:34px}.spotlight-offer{gap:12px}.spotlight-offer>span{font-size:10px}.spotlight-offer small{font-size:8px}.spotlight-offer>.spotlight-soon{font-size:8px;max-width:85px}.spotlight-actions{gap:20px}.spotlight-cta{flex:1;gap:14px;font-size:11px;padding:13px}.spotlight-pro{font-size:10px}.spotlight-screen{padding:20px 35px 13px}.spotlight-screen>img{max-width:215px}.spotlight-gallery-label{font-size:8px}.spotlight-tabs>button{padding:13px 9px}.spotlight-bottom{padding:16px 21px;align-items:flex-start;gap:13px;flex-direction:column;font-size:9px}.spotlight-bottom>a{align-self:flex-end}.spotlight-caption{min-height:16px}}
@media(max-width:350px){.spotlight-main{padding:24px 18px}.spotlight-copy h3{font-size:30px}.spotlight-wordmark{font-size:78px}.spotlight-top{padding:16px;font-size:6px}.spotlight-free-badge{font-size:6px}.spotlight-actions{gap:12px}.spotlight-offer{gap:9px}.spotlight-offer>strong{font-size:31px}.spotlight-offer>.spotlight-soon{max-width:70px}}
@media(prefers-reduced-motion:reduce){.spotlight-image-in{animation:none}.spotlight-cta,.spotlight-screen>img,.spotlight-tabs>button{transition:none}}
@media(min-width:651px){.spotlight-main{padding:27px 38px;gap:48px}.spotlight-wordmark{font-size:82px;margin-bottom:13px}.spotlight-copy h3{font-size:30px}.spotlight-lead{font-size:13px;line-height:1.6;margin-top:14px}.spotlight-benefits{margin-top:18px;padding:15px 0;gap:18px}.spotlight-benefits h4{font-size:12px;margin-top:6px}.spotlight-benefits p{font-size:10px;line-height:1.55}.spotlight-offer{margin-top:16px}.spotlight-offer>strong{font-size:31px}.spotlight-actions{margin-top:16px}.spotlight-cta{padding:11px 19px}.spotlight-top{padding:17px 31px}.spotlight-bottom{padding:14px 31px}.spotlight-screen>img{max-width:225px}.spotlight-screen{padding:17px 28px 12px}}
@media(max-width:650px){.spotlight-copy h3{font-size:30px}.spotlight-wordmark{font-size:78px}.spotlight-lead{font-size:12px;line-height:1.65}.spotlight-benefits{padding:14px 0;margin-top:17px}.spotlight-main{gap:24px}.spotlight-screen>img{max-width:185px}.spotlight-screen{padding:17px 30px 12px}}