/* VASLUNO Market Global • visual edition • Cloudflare Pages */
:root {--bg:#080b12;--bg2:#101521;--panel:#141a28;--panel2:#1a2131;--line:#ffffff18;--text:#f6f8ff;--muted:#9ca7ba;--accent:#99aaff;--violet:#6b68f2;--aqua:#80efe3}
html {scroll-padding-top:100px}
body {background:#080b12}
.market-home {background:#070b14;isolation:isolate;overflow:hidden}
.site-mesh {position:absolute;pointer-events:none;z-index:-1;inset:0 0 auto;height:1170px;background:radial-gradient(circle at 75% 12%,#353d8f5a,transparent 35%),radial-gradient(circle at 5% 32%,#224f7f20,transparent 31%),linear-gradient(150deg,#0b1120,#080c15 62%)}
.top-ribbon {background:linear-gradient(90deg,#151a33,#121d38 60%,#142735);border-bottom:1px solid #a2acff16;color:#b1bad1;font-size:10px;letter-spacing:.045em}
.ribbon-inner {display:flex;align-items:center;gap:20px;justify-content:space-between;height:38px}
.ribbon-inner>span:first-child {color:#f2f5ff;font-weight:800;font-size:10px;letter-spacing:.11em;white-space:nowrap}
.ribbon-inner>a {color:#c5d6ff;font-weight:750;display:flex;align-items:center;gap:8px;white-space:nowrap}
.ribbon-dot {display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px;background:#6ef0bb;box-shadow:0 0 10px #6ef0bb88}
.market-home .site-nav {height:88px}
.market-home .brand-logo,.inside-app .brand-logo {background:linear-gradient(140deg,#c3eaff,#8f9dff 50%,#6567dd);color:#081021;box-shadow:0 0 27px #8d9cfd44;border-color:#ffffff7d;font-weight:900}
.market-home .brand-word {font-size:19px;letter-spacing:.17em}
.market-home .nav-links {gap:30px;font-size:12px}
.market-home .nav-signin {display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#d6dded}
.market-home .btn.nav-cta {padding:12px 17px;color:#111724;border-radius:10px;background:#f3f5ff}
.market-hero {min-height:660px;display:grid;grid-template-columns:1.02fr .98fr;gap:35px;align-items:center;position:relative;padding-top:56px;padding-bottom:95px}
.market-hero-copy {position:relative;z-index:4;padding-bottom:15px}
.hero-kicker {color:#a7baef;display:flex;align-items:center;gap:11px;letter-spacing:.145em;font-size:9px;font-weight:800;margin-bottom:27px;white-space:nowrap}
.kicker-icon {display:grid;place-items:center;border-radius:8px;width:28px;height:28px;background:#a4bbff1c;color:#b4ccff;font-size:21px}
.kicker-line {display:inline-block;width:33px;height:1px;background:#7588bc8c;margin-left:4px}
.market-hero h1 {font-size:clamp(49px,5.6vw,79px);font-weight:800;letter-spacing:-.073em;line-height:1.07;margin:0 0 27px;white-space:nowrap}
.market-gradient {background:linear-gradient(90deg,#c7daff 0%,#b9b6ff 54%,#7de3eb 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.market-hero-sub {max-width:535px;color:#abb4c7;font-size:15px;line-height:1.95;margin:0 0 31px}
.market-hero-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.market-home .btn.primary {background:linear-gradient(120deg,#a8b8ff,#9498ff 58%,#7b9af5);color:#12162a;box-shadow:0 9px 42px #6f82ff40}
.market-home .btn.primary:hover {background:linear-gradient(120deg,#c0ceff,#acb8ff)}
.market-home .glass-button {background:#ffffff09;border:1px solid #ffffff2b;color:#eef2fc;box-shadow:inset 0 1px #ffffff13}
.hero-metrics {display:flex;align-items:center;gap:24px;margin-top:55px}
.hero-metrics>div {display:flex;flex-direction:column;max-width:124px;line-height:1.35}
.hero-metrics strong {font-size:13px;color:#fff;font-weight:800;margin-bottom:8px}
.hero-metrics span {font-size:9px;color:#8995af;line-height:1.6}
.hero-metrics>i {width:1px;height:30px;background:#ffffff20;flex:none}
.market-art {height:530px;position:relative;display:grid;place-items:center;transform:translateX(7px)}
.art-aura {position:absolute;width:550px;height:530px;background:radial-gradient(ellipse,#6c77ed41 2%,#323e9b20 36%,transparent 69%);filter:blur(30px)}
.art-orbit {position:absolute;pointer-events:none;width:410px;height:410px;border:1px solid #a6b9ff16;border-radius:50%;transform:rotate(20deg) scaleX(1.2)}
.orbit-right {transform:rotate(60deg) scaleX(.74);border-color:#b0e6fd12;width:530px;height:530px}
.art-board {position:relative;width:min(410px,100%);padding:11px;background:linear-gradient(145deg,#262e48,#151b2b 36%,#141b2b);border:1px solid #b5c2ff3c;border-radius:23px;box-shadow:0 45px 100px #0009,0 0 60px #7489ff20,inset 0 1px #f5f8ff2b;transform:rotate(5deg) translateY(4px)}
.art-window-top {height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#7d87a5;font-size:10px;letter-spacing:.065em}
.win-balls {display:flex;gap:5px}.win-balls i {width:7px;height:7px;border-radius:50%;background:#56617e}.win-balls i:first-child{background:#ce7985}.win-balls i:nth-child(2){background:#d7b878}
.art-feature {position:relative;overflow:hidden;border:1px solid #a3b9ff30;background:linear-gradient(145deg,#28365b,#1b2247 60%,#161c35);border-radius:15px;padding:18px;height:317px}
.art-feature:after {content:"";position:absolute;width:270px;height:270px;border:1px solid #ffffff14;border-radius:50%;top:10px;left:68px;box-shadow:0 0 0 42px #ffffff06,0 0 0 84px #ffffff03}
.art-feature-label {font-size:9px;letter-spacing:.19em;color:#b9c8ea;position:relative;z-index:2}
.art-product-visual {position:absolute;inset:18px 15px 44px;display:grid;place-items:center;z-index:2}
.art-product-visual img {display:block;max-width:100%;max-height:250px;width:350px;filter:drop-shadow(0 22px 19px #0008);transform:rotate(-1deg)}
.art-feature-bottom {position:absolute;bottom:15px;left:18px;right:17px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:15px}
.art-feature-bottom small {font-size:8px;color:#b6c6eb;letter-spacing:.15em;display:block;margin-bottom:4px}
.art-feature-bottom b {font-size:15px;letter-spacing:-.03em;line-height:1.3;display:block;max-width:245px}
.art-arrow {width:33px;height:33px;border-radius:10px;background:#c5d3ff;color:#0f1630;display:grid;place-items:center}
.art-minicards {display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.art-minicards>div {border:1px solid #ffffff0e;border-radius:11px;padding:11px 13px;background:linear-gradient(120deg,#202941,#161e2e);position:relative;min-height:76px;display:flex;flex-direction:column;justify-content:center}
.art-minicards b {font-size:11px;font-weight:800}.art-minicards small {font-size:9px;color:#909cb4}.mini-object {position:absolute;right:11px;top:23px;color:#93abe9;opacity:.8}.mini-house{color:#96d9d5}
.art-floating {position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#1b2841dc;backdrop-filter:blur(16px);border:1px solid #c4d2ff38;box-shadow:0 15px 55px #0009,inset 0 1px #ffffff24;color:#f2f4ff;border-radius:15px}
.art-top {padding:12px 15px;left:0;top:65px;transform:rotate(-8deg);font-size:11px;font-weight:750}.art-top svg {color:#9edbe1}
.art-bottom {padding:11px 15px;right:-8px;bottom:22px;transform:rotate(-5deg)}
.art-avatar {width:37px;height:37px;background:linear-gradient(135deg,#bbccff,#636be6);color:#111832;font-weight:900;display:grid;place-items:center;border-radius:11px;font-size:22px}
.art-bottom b {display:block;font-size:11px}.art-bottom small {display:block;font-size:9px;color:#a5bad2}.art-online{margin-left:16px;width:8px;height:8px;background:#66efb9;border-radius:50%;box-shadow:0 0 10px #69eebf88}
.market-partners {border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.market-partners>span {font-size:10px;letter-spacing:.18em;font-weight:800;color:#6c7996}
.market-partners>div {display:flex;align-items:center;gap:11px;color:#a6b5cd;font-size:12px;font-weight:700}
.market-partners svg {color:#abb7ef}
.home-categories {padding:114px 0 123px}
.section-title-row {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.home-eyebrow {font-size:10px;letter-spacing:.2em;color:#9caff4;font-weight:800}
.section-title-row h2,.bottom-action h2 {font-size:clamp(37px,4.2vw,56px);line-height:1.14;letter-spacing:-.065em;margin:13px 0 0}
.section-title-row h2 em {font-style:normal;color:#8f9cb2}
.text-link {display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:#cbd5fe;margin-bottom:12px}
.category-mosaic {display:grid;grid-template-columns:1.18fr 1fr 1fr 1fr;gap:14px}
.cat-tile {min-height:260px;border-radius:19px;border:1px solid #ffffff18;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;position:relative;transition:transform .25s,border-color .25s;isolation:isolate}
.cat-tile:hover {transform:translateY(-6px);border-color:#ffffff6c}
.cat-tile:before {content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 30%,#ffffff30,transparent 38%)}
.cat-tech {background:linear-gradient(143deg,#313e7c,#151b39 80%)}
.cat-vehicle {background:linear-gradient(143deg,#183e59,#0f243a 80%)}
.cat-home {background:linear-gradient(143deg,#524274,#27203f 80%)}
.cat-other {background:linear-gradient(143deg,#3f5558,#142d35 80%)}
.cat-visual {position:absolute;right:29px;top:32px;width:120px;height:120px;border-radius:28px;display:grid;place-items:center;color:#d3dfff;background:#ffffff10;border:1px solid #ffffff14;box-shadow:inset 10px 13px 35px #ffffff06,0 20px 30px #0004;transform:rotate(17deg)}
.cat-visual svg {stroke-width:1.2;filter:drop-shadow(0 2px 16px #d6eaff38)}
.cat-vehicle .cat-visual {color:#9ae2eb;transform:rotate(-15deg)}.cat-home .cat-visual {color:#d6b5ee}.cat-other .cat-visual {color:#bdedd8;transform:rotate(6deg)}
.cat-tile-bottom {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.035em;position:relative;z-index:2}
.cat-tile>small {font-size:11px;color:#b7c1d1;z-index:2;margin-top:6px}
.home-process {padding:115px 0 120px;background:linear-gradient(180deg,#101626,#0d1422 78%,#0a0e19);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}
.home-process .section-title-row>p {color:#8999b3;max-width:435px;font-size:13px;line-height:1.9;margin:0 0 8px}
.process-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.process-grid article {background:#151c2b;border:1px solid #ffffff13;border-radius:19px;min-height:297px;padding:29px;position:relative;overflow:hidden;transition:transform .25s}
.process-grid article:hover {transform:translateY(-4px)}
.process-count {font-size:10px;color:#96aaf8;letter-spacing:.135em;font-weight:850}
.process-illustration {display:grid;place-items:center;width:99px;height:99px;margin:22px 0 25px;color:#a2bafa;border:1px solid #99b6fa3a;border-radius:23px;background:radial-gradient(circle at 50% 25%,#90adfb24,#6b8cee08)}
.process-grid h3 {font-size:19px;letter-spacing:-.035em;margin:0 0 7px}.process-grid p {font-size:12px;line-height:1.8;color:#99a7bb;margin:0}
.future-section {padding:113px 0 0}
.future-card {border:1px solid #798be45a;border-radius:25px;background:linear-gradient(105deg,#222a53,#131b3a 55%,#131b34);min-height:391px;padding:65px;position:relative;overflow:hidden;display:flex;align-items:center}
.future-glow {position:absolute;right:-180px;top:-190px;width:750px;height:750px;background:radial-gradient(circle,#898bfb40,transparent 63%);filter:blur(30px);pointer-events:none}
.future-copy {z-index:1;position:relative;max-width:590px}
.future-pill {display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:100px;border:1px solid #ced1ff54;background:#ffffff0b;color:#c6cfff;font-size:9px;letter-spacing:.15em;font-weight:800}
.future-pill i {height:6px;width:6px;background:#81f2bc;box-shadow:0 0 8px #81f2bc;border-radius:50%}
.future-copy h2 {font-size:clamp(39px,4vw,58px);line-height:1.13;letter-spacing:-.065em;margin:21px 0 17px}
.future-copy h2 span {color:#a4b4ef}
.future-copy p {font-size:13px;line-height:1.85;color:#b6bfd8;max-width:480px;margin-bottom:23px}
.future-orb {position:absolute;right:96px;top:48px;width:255px;height:255px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 33% 27%,#e0e5ff 0%,#9faeff 13%,#656ad7 46%,#303577 66%,#131a40 80%);box-shadow:0 0 20px #9b9ef5aa,0 0 115px #7c8cfba6,inset -14px -26px 33px #14184681;transform:rotate(16deg)}
.future-orb:before,.future-orb:after {content:"";position:absolute;border:1px solid #bbc9ff40;border-radius:50%;inset:-23px;transform:scaleX(1.2) rotate(-22deg)}
.future-orb:after {inset:-54px;opacity:.45;transform:scaleX(.84) rotate(34deg)}
.future-orb span {font-size:100px;font-weight:900;color:#eff3ffb7;letter-spacing:-.1em;text-shadow:0 7px 20px #18204860;z-index:2}
.bottom-action {text-align:center;padding:145px 0 136px}
.bottom-action h2 {font-size:clamp(44px,5vw,67px)}.bottom-action p {color:#a3aec1;font-size:14px;margin:16px 0 27px}
.home-footer {border-top:1px solid #ffffff15;padding-top:31px;padding-bottom:40px}
/* Product app visual refinement */
.inside-app .app-shell {background:radial-gradient(ellipse at 100% 0%,#17234d32,transparent 55%),#0a0e17}
.inside-app .app-sidebar {background:#111724;border-right:1px solid #ffffff16}
.inside-app .side-links a.active {background:linear-gradient(90deg,#8799ff27,#8799ff0d);color:#d4dcff;border-color:#8799ff20}
.inside-app .app-topbar {background:#111724b6;backdrop-filter:blur(14px)}
.inside-app .market-layout .section-heading h1 {letter-spacing:-.065em}
.inside-app .market-filters {background:#151c2a;border:1px solid #ffffff19}
.inside-app .listing-card {transition:transform .2s,border-color .2s,box-shadow .2s}
.inside-app .listing-card:hover {transform:translateY(-5px);box-shadow:0 16px 35px #0005;border-color:#a1baff45}
.inside-app .listing-image {background:radial-gradient(circle at 50% 50%,#404a7899,#222c43)}
.inside-app .placeholder-picture {background:radial-gradient(circle at 50% 38%,#465b91,#1d2942);color:#b5c8fa}
.soon-screen {min-height:calc(100vh - 150px);padding:65px 35px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;position:relative;overflow:hidden}
.soon-glow {position:absolute;width:450px;height:430px;border-radius:50%;top:-155px;left:50%;transform:translateX(-50%);background:#586de640;filter:blur(90px);pointer-events:none}
.soon-mark {display:grid;place-items:center;width:96px;height:96px;border-radius:27px;background:linear-gradient(140deg,#869aff3c,#435ac827);border:1px solid #a8bbfa5e;color:#bacaff;box-shadow:0 22px 50px #5e74fd22;margin-bottom:28px;z-index:1}
.soon-screen h1 {font-size:clamp(39px,5vw,62px);line-height:1.12;letter-spacing:-.07em;margin:15px 0}.soon-screen h1 span {color:#97a4d6}
.soon-screen p {max-width:560px;line-height:1.9;font-size:13px;color:#a4b0c7;margin:0 0 28px}
.soon-footnote {margin-top:25px;color:#74829c;font-size:11px;max-width:440px}
.load-more-wrap {display:flex;justify-content:center;padding:28px 0 8px}
@media(max-width:1180px){.market-hero{grid-template-columns:1fr 1fr;gap:5px}.market-hero h1{font-size:clamp(44px,5vw,66px)}.art-board{width:350px}.art-feature{height:280px}.art-product-visual img{width:295px}.market-art{transform:translateX(0)}.art-top{left:-3px}.future-orb{right:30px}.future-copy{max-width:480px}}
@media(max-width:900px){.market-home .site-nav{height:75px}.market-home .nav-links{display:none}.market-hero{grid-template-columns:1fr;padding-top:67px;padding-bottom:70px;text-align:center;gap:15px}.market-hero-copy{padding:0}.hero-kicker{justify-content:center}.market-hero h1{font-size:clamp(50px,8vw,75px)}.market-hero-sub{margin:0 auto 26px}.market-hero-actions,.hero-metrics{justify-content:center}.hero-metrics{margin-top:37px}.market-art{height:450px}.art-board{transform:rotate(3deg) scale(.91)}.market-partners{justify-content:center;flex-wrap:wrap;padding:15px 0;gap:20px}.market-partners>span{width:100%;text-align:center}.category-mosaic{grid-template-columns:repeat(2,1fr)}.home-process .section-title-row{display:block}.home-process .section-title-row>p{margin-top:20px}.future-orb{opacity:.45;right:-27px;transform:rotate(16deg) scale(.8)}.future-copy{max-width:550px}}
@media(max-width:590px){.ribbon-inner{height:32px;justify-content:center}.ribbon-inner>span:nth-child(2),.ribbon-inner>a{display:none}.market-home .site-nav{height:66px}.market-home .brand-word{font-size:14px}.market-home .nav-signin{font-size:0;gap:0}.market-home .nav-signin svg{width:19px}.market-home .nav-actions{gap:13px}.market-home .btn.nav-cta{padding:10px;font-size:10px}.market-hero{padding-top:50px;padding-bottom:45px}.hero-kicker{font-size:8px;letter-spacing:.075em;gap:6px}.kicker-line{display:none}.market-hero h1{font-size:clamp(39px,10vw,57px);white-space:normal}.market-hero-sub{font-size:12px;max-width:440px}.market-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.hero-metrics{gap:10px;justify-content:space-between;margin-top:27px}.hero-metrics>div{max-width:100px}.hero-metrics strong{font-size:11px}.hero-metrics span{font-size:8px}.market-art{height:353px}.art-board{transform:rotate(3deg) scale(.71)}.art-floating.art-top{top:28px;left:-9px;transform:scale(.83) rotate(-7deg)}.art-floating.art-bottom{bottom:-2px;right:-6px;transform:scale(.78) rotate(-5deg)}.market-partners{gap:14px 20px}.market-partners>div{font-size:9px;gap:6px}.market-partners svg{width:16px}.home-categories{padding:75px 0}.section-title-row{align-items:start;gap:15px;margin-bottom:24px}.section-title-row h2{font-size:38px}.text-link{font-size:10px;gap:5px;white-space:nowrap}.category-mosaic{gap:10px}.cat-tile{min-height:184px;padding:14px}.cat-visual{right:13px;top:17px;transform:rotate(13deg) scale(.72);transform-origin:top right}.cat-tile-bottom{font-size:15px}.cat-tile-bottom svg{width:17px}.cat-tile>small{font-size:9px}.home-process{padding:74px 0 79px}.process-grid{grid-template-columns:1fr;gap:11px}.process-grid article{min-height:200px;padding:22px}.process-illustration{height:65px;width:65px;margin:12px 0}.process-illustration svg{height:30px;width:30px}.process-grid h3{font-size:17px}.future-section{padding-top:78px}.future-card{padding:37px 25px;min-height:370px}.future-copy h2{font-size:40px}.future-copy p{font-size:12px}.future-orb{right:-110px;top:25px;opacity:.27;transform:scale(.64)}.bottom-action{padding:89px 0}.bottom-action h2{font-size:43px}.home-footer{gap:16px}.soon-screen{min-height:calc(100dvh - 130px);padding:30px 22px 85px}.soon-screen h1{font-size:41px}.soon-screen p{font-size:12px}.load-more-wrap{padding-bottom:65px}}

@media(max-width:590px){.home-categories .section-title-row{display:block}.home-categories .text-link{margin:17px 0 0}}

/* First-party browser key onboarding, v0.6 */
.new-web-key{max-width:580px;margin:36px auto 8px;padding:26px;border:1px solid rgba(157,164,255,.24);border-radius:22px;background:rgba(111,119,195,.075);text-align:left}
.new-web-key h2{font-size:25px;letter-spacing:-.03em}.new-web-key p{color:#aab0ca;line-height:1.65;font-size:14px}
.new-web-key form{display:grid;gap:15px;margin-top:18px}.new-web-key label{display:grid;gap:8px;font-weight:600;font-size:13px;color:#d9dcf0}
.new-web-key input[type=password]{min-height:46px;border:1px solid #353850;border-radius:12px;padding:12px;background:#111522;color:#fff;font:inherit;max-width:100%}
.new-web-key input[type=checkbox]{accent-color:#8b96ff}.new-web-key #publish-web-key{display:grid;gap:16px}