/* Measured desktop reference: 1400px content, 658px hero, 80/96px heading.
   Keep the shared 1024px breakpoint and the existing H5 home on smaller screens. */
.boss-landing{overflow:hidden}
.boss-landing .boss-primary{position:relative;overflow:hidden}
.boss-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.2);pointer-events:none;animation:boss-ripple .5s ease-out forwards}
@keyframes boss-ripple{from{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}
[data-boss-reveal]{visibility:hidden}
[data-boss-reveal].boss-revealed{visibility:visible;animation-duration:1s;animation-fill-mode:both;animation-timing-function:ease;animation-iteration-count:1}
[data-boss-reveal=left].boss-revealed{animation-name:boss-slide-left}
[data-boss-reveal=right].boss-revealed{animation-name:boss-slide-right}
[data-boss-reveal=fade].boss-revealed{animation-name:boss-fade}
@keyframes boss-slide-left{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes boss-slide-right{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}
@keyframes boss-fade{from{opacity:0}to{opacity:1}}
.boss-accent{color:var(--boss-blue)}
.boss-home-sections{display:none}
@media(min-width:1024px){
 html[data-boss-home] main:has(.boss-landing){padding:70px 0 0!important;height:auto!important;min-height:100vh}
 .boss-landing .boss-container{width:100%;max-width:1440px;padding:0 20px;margin:0 auto}
 .boss-landing .boss-hero{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:658px;min-height:0;padding:0;gap:0;z-index:1}
 .boss-landing .boss-hero>div{width:700px;max-width:50%;z-index:1}
 .boss-landing .boss-hero h1{font-size:80px;line-height:96px;font-weight:900;width:700px;max-width:100%;margin:0;letter-spacing:normal;white-space:normal}
 .boss-landing .boss-hero .boss-primary{margin-top:58px;height:80px;min-height:80px;min-width:200px;padding:0 50px;border-radius:60px;font-size:30px;line-height:30px}
 .boss-landing .boss-hero-art{position:absolute;right:-100px;top:80px;width:678px;height:554px;max-width:none;object-fit:fill;align-self:auto}
 .boss-landing .boss-markets{margin-top:150px;padding:0;position:relative}
 .boss-landing .boss-market-head{position:relative;border:0;display:block}
 .boss-landing .boss-market-head:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;width:100vw;background:#f1f2f7}
 .boss-landing .boss-market-tabs{gap:50px;align-items:center;padding-bottom:30px;overflow:visible}
 .boss-landing .boss-market-tabs button{padding:0;font-size:30px;line-height:30px;font-weight:400;color:#8f92a1}
 .boss-landing .boss-market-tabs button[aria-selected=true]{font-size:36px;line-height:30px;font-weight:600;color:#061023}
 .boss-landing .boss-market-search,.boss-landing .boss-view-all{display:none}
 .boss-landing #boss-market-panel{position:relative;display:flex;flex-direction:column}
 .boss-landing .boss-stock-notice{order:2;margin:12px 20px 0;font-size:11px;line-height:16px}
 .boss-landing .boss-market-table{table-layout:fixed;border-collapse:collapse;line-height:normal}
 .boss-landing .boss-market-table th,.boss-landing .boss-market-table td{height:72px;text-align:left;padding:0;font-weight:400}
 .boss-landing .boss-market-table th:first-child,.boss-landing .boss-market-table td:first-child{width:33.81%;padding-left:20px}
 .boss-landing .boss-market-table th:last-child,.boss-landing .boss-market-table td:last-child{padding-right:20px;text-align:right;width:17.62%}
 .boss-landing .boss-market-table th{font-size:14px;color:#8f92a1}
 .boss-landing .boss-market-table td{font-size:16px;border-color:#f1f2f7}
 .boss-landing .boss-market-table .boss-price{font-weight:500}
 .boss-landing .boss-pair strong{font-size:16px;font-weight:500;line-height:16px}
 .boss-landing .boss-pair small{font-size:12px;line-height:12px;margin-top:10px;color:#888;white-space:normal;max-width:calc(100% - 100px);overflow:visible}
 .boss-landing .boss-pair>div{width:100%}
 .boss-landing .boss-change{font-weight:500}.boss-landing .boss-change.up{color:#00c087}.boss-landing .boss-change.down{color:#ff3b30}
 .boss-landing .boss-action-divider{margin:0 10px;color:#e5e6eb}
 .boss-landing .boss-home-sections{display:block;padding-bottom:150px}
 .boss-section-title{font-size:50px;line-height:50px;font-weight:600;letter-spacing:-.41px;margin:0}
 .boss-section-subtitle{font-size:30px;line-height:30px;font-weight:400;letter-spacing:-.41px;color:#8f92a1;margin:36px 0 0}
 .boss-features{height:800px;position:relative;margin-top:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
 .boss-features .boss-section-title{max-width:800px;text-align:left;z-index:1}
 .boss-features .boss-section-subtitle{z-index:1}
 .boss-feature-list{margin-top:124px;z-index:1}
 .boss-feature-item{display:flex;align-items:center;margin-bottom:60px;text-align:left}
 .boss-feature-item>img{width:80px;height:80px;margin-right:20px}
 .boss-feature-item h3{font-size:30px;font-weight:400;line-height:30px;letter-spacing:-.41px;margin:0}
 .boss-feature-item p{margin:30px 0 0;font-size:20px;line-height:20px;letter-spacing:-.41px;color:#8f92a1}
 .boss-feature-art{position:absolute;right:-100px;top:40px;width:800px;height:676px;object-fit:fill}
 .boss-perpetual{position:relative;margin-top:64px;height:726px}
 .boss-perpetual-art{width:748px;height:726px;object-fit:contain}
 .boss-perpetual-content{position:absolute;bottom:50px;left:calc(50% + 100px);width:calc(50% - 100px);max-width:610px;text-align:left}
 .boss-perpetual-content .boss-section-title{font-size:50px;line-height:70px}
 .boss-perpetual-list{margin-top:65px}
 .boss-perpetual-item{display:flex;align-items:flex-start;margin-bottom:50px;gap:10px}
 .boss-perpetual-item>img{width:24px;height:16px;margin-top:3px;flex-shrink:0}
 .boss-perpetual-item h3{font-size:20px;line-height:22px;font-weight:600;margin:0 0 15px}
 .boss-perpetual-item p{font-size:16px;line-height:16px;color:#8f92a1;margin:0}
 .boss-benefits{margin-top:240px;text-align:center}
 .boss-benefits-body{display:flex;align-items:center;justify-content:space-between}
 .boss-benefits-list{margin-top:80px;flex:1;position:relative;z-index:1;min-width:0}
 .boss-benefit-item{margin:0 54px 60px;display:flex;flex-wrap:wrap;align-items:center;text-align:center}
 .boss-benefit-item>img{width:100px;height:100px;margin-right:20px}
 .boss-benefit-item h3{flex:1;font-size:30px;line-height:34px;letter-spacing:-.41px;font-weight:400;text-align:left;margin:0}
 .boss-benefit-item p{width:100%;font-size:20px;line-height:30px;letter-spacing:-.41px;color:#8f92a1;margin:35px 0 0}
 .boss-benefits-art{position:relative;width:928px;height:928px;left:120px;object-fit:contain}
 .boss-home-cta{position:relative;height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
 .boss-world-map{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:1400px;height:auto;z-index:0;pointer-events:none}
 .boss-home-cta h2{font-size:60px;line-height:70px;font-weight:400;letter-spacing:-.41px;max-width:900px;position:relative;margin:0 0 12px}
 .boss-home-cta p{position:relative;font-size:30px;line-height:30px;letter-spacing:-.41px;margin:23px 0 72px}
 .boss-home-cta .boss-primary{height:80px;min-width:300px;padding:0 60px;border-radius:50px;font-size:30px;font-weight:400}
 .boss-landing .boss-footer{padding:48px 0;border-top:1px solid #edf0f4}
 .boss-landing .boss-footer-inner{align-items:flex-start}
 .boss-footer-left{display:flex;flex-direction:column;gap:16px}
 .boss-landing .boss-footer-brand{margin:0}
 .boss-landing .boss-footer p{font-size:14px;line-height:20px;margin:0;color:#8f92a1}
 .boss-landing .boss-footer p:last-child{font-size:13px}
 .boss-footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:24px}
 .boss-footer-actions{display:flex;align-items:center;gap:32px}
 .boss-footer-actions>a,.boss-footer-language summary{display:flex;align-items:center;gap:8px;color:#061023;font-size:14px;font-weight:500;cursor:pointer;list-style:none}
 .boss-footer-language summary::-webkit-details-marker{display:none}
 .boss-footer-language{position:relative}
 .boss-footer-language>div{position:absolute;bottom:30px;left:0;min-width:140px;padding:12px;background:white;border:1px solid #edf0f4;box-shadow:0 5px 24px #14204412;display:grid;gap:12px;z-index:2}
 .boss-landing .boss-footer-links{font-size:13px;gap:16px}
 .boss-landing .boss-footer-links a{color:#8f92a1}
 .boss-landing .boss-support{width:100px;height:100px;right:48px;bottom:80px;background:none;box-shadow:none;border-radius:0}
 html[data-boss-home] .top-bar-v2{border-bottom:0!important}
 html[data-boss-home] .top-bar-v2 a[href$='/auth/login']{background:#014cfa!important;color:#fff!important;border-radius:8px!important;font-size:14px;min-width:60px;padding:8px 12px;height:36px}
 html[data-boss-home] .top-bar-v2 a[href$='/auth/register']{background:#fff!important;border:1px solid #014cfa!important;color:#014cfa!important;border-radius:8px!important;font-size:14px;min-width:80px;padding:8px 12px;height:36px}
 html[data-boss-home] .top-bar-v2 .boss-brand-logo{width:106px!important;height:40px!important;object-fit:contain}
}
/* Scale only below the measured desktop canvas instead of cropping a fixed 1600px page. */
@media(min-width:1024px) and (max-width:1399px){
 .boss-landing .boss-hero>div{width:50%}.boss-landing .boss-hero h1{font-size:clamp(54px,5.5556vw,80px);line-height:1.2}
 .boss-landing .boss-hero-art{width:48.43vw;height:auto;right:-7vw}
 .boss-landing .boss-market-tabs{gap:clamp(24px,3.47vw,50px)}.boss-landing .boss-market-tabs button{font-size:clamp(22px,2.083vw,30px)}.boss-landing .boss-market-tabs button[aria-selected=true]{font-size:clamp(28px,2.5vw,36px)}
 .boss-section-title{font-size:40px;line-height:46px}.boss-section-subtitle{font-size:24px}
 .boss-feature-art{width:57vw;height:auto;right:-7vw;top:100px}.boss-feature-item h3{font-size:25px}.boss-feature-item p{font-size:16px}
 .boss-perpetual-art{width:53.4vw;height:auto}.boss-perpetual-content{left:55%;width:45%;bottom:60px}.boss-perpetual-content .boss-section-title{font-size:40px;line-height:52px}
 .boss-benefits-art{width:62vw;height:auto;left:7vw}.boss-benefit-item{margin:0 16px 50px}.boss-benefit-item>img{width:70px;height:70px}.boss-benefit-item h3{font-size:24px;line-height:28px}.boss-benefit-item p{font-size:17px;line-height:26px}
}
@media(max-width:1023px){
 .boss-footer-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.boss-footer-actions>a,.boss-footer-language summary{display:flex;align-items:center;gap:6px;list-style:none;font-size:12px}.boss-footer-language>div{display:grid;gap:10px;padding-top:12px}.boss-footer-links{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){[data-boss-reveal]{visibility:visible!important;animation:none!important}.boss-ripple{display:none}}
@media(min-width:1024px){
 .boss-landing .boss-stock-notice{position:absolute;top:100%;left:0;right:0;margin:12px 20px 0}
 .boss-landing .boss-support{background:#dde2ff;border-radius:40px;box-shadow:0 5px 22px #19276216}
 html[data-boss-home] .top-bar-v2 .mui-14lc1cu .mui-ehoejh{gap:24px}
 html[data-boss-home] .top-bar-v2 .mui-1eo8rtq{margin-left:20px}
 html[data-boss-home] .top-bar-v2 .mui-14lc1cu a{font-size:16px;line-height:24px;padding:6px 10px;background:transparent!important;border-radius:0;font-weight:500}
 html[data-boss-home] .top-bar-v2 .mui-14lc1cu a[aria-current=page]{color:#014cfa!important}
}