.tw-inline-flex{display:inline-flex}
.tw-h-12{height:3rem}
.tw-h-9{height:2.25rem}
.tw-w-12{width:3rem}
.tw-items-center{align-items:center}
.tw-justify-center{justify-content:center}
.tw-gap-2{gap:0.5rem}
.tw-whitespace-nowrap{white-space:nowrap}
.tw-rounded-xl{border-radius:0.75rem}
.tw-border{border-width:1px}
.tw-border-solid{border-style:solid}
.tw-border-border{--tw-border-opacity:1;border-color:rgb(53 69 43 / var(--tw-border-opacity, 1))}
.tw-bg-lime-300{--tw-bg-opacity:1;background-color:rgb(190 242 100 / var(--tw-bg-opacity, 1))}
.tw-bg-primary{--tw-bg-opacity:1;background-color:rgb(182 255 0 / var(--tw-bg-opacity, 1))}
.tw-bg-transparent{background-color:transparent}
.tw-bg-white\/5{background-color:rgb(255 255 255 / 0.05)}
.tw-px-3{padding-left:0.75rem;padding-right:0.75rem}
.tw-px-5{padding-left:1.25rem;padding-right:1.25rem}
.tw-text-sm{font-size:0.875rem;line-height:1.25rem}
.tw-font-semibold{font-weight:600}
.tw-text-background{--tw-text-opacity:1;color:rgb(11 14 10 / var(--tw-text-opacity, 1))}
.tw-text-foreground{--tw-text-opacity:1;color:rgb(244 247 243 / var(--tw-text-opacity, 1))}
.tw-transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
/* Scoped to the React island: no Tailwind reset touches the existing marketplace. */
#react-hero{width:100%}.hero.campaign .campaign-copy{padding:0 28px 26px;background:#0b0e0a}.hero.campaign .campaign-copy::before{display:none}
.dto-hero-six{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;text-align:left;padding:54px 22px 64px;overflow:hidden;isolation:isolate;color:#f4f7f3}
.dto-hero-six:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 40%,#b6ff0011,transparent 60%)}
.dto-hero-message{position:relative;z-index:2}.dto-hero-pill{display:flex;gap:10px;align-items:center;width:fit-content;max-width:100%;padding:5px 10px 5px 5px;border:1px solid #34412c;border-radius:8px;font-size:11px;color:#cad4c2;white-space:nowrap}.dto-hero-pill span{display:flex;align-items:center;gap:4px;background:#233018;color:#b6ff00;padding:6px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.05em}
.hero.campaign .dto-hero-six h1{font-size:clamp(42px,5.5vw,70px);font-weight:700;line-height:.99;letter-spacing:-3px;margin:28px 0 22px}.hero.campaign .dto-hero-six h1 em{font-style:normal;color:#b6ff00;font-weight:700}
.hero.campaign .dto-hero-description{font-size:14px;line-height:1.7;max-width:360px;color:#aebaA6;margin:0 0 26px;display:block}
.dto-hero-search{display:flex;align-items:center;gap:10px;background:#141a10;border:1px solid #3e4c34;border-radius:14px;padding:5px 5px 5px 14px;max-width:385px;margin:0 0 18px;color:#b6ff00}.dto-hero-search:focus-within{outline:2px solid #b6ff00;outline-offset:3px}.dto-hero-search input{border:0;background:transparent;color:#fff;min-width:0;width:100%;font:inherit;font-size:12px;padding:10px 0;outline:none}.dto-hero-search input::placeholder{color:#aebba3}.dto-hero-search button{flex:none;width:44px;height:44px;padding:0}
.dto-hero-six .dto-react-button{border-style:solid;border-width:1px;border-color:transparent;text-decoration:none;cursor:pointer;font-family:inherit}.dto-hero-six .dto-react-button.tw-bg-transparent{border-color:#3b4931}.dto-hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.dto-hero-links .dto-react-button{font-size:12px;padding:0 15px;height:42px}.dto-hero-publish{display:flex;align-items:center;gap:7px;color:#b6ff00;font-size:12px}
.dto-hero-benefits{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none;color:#96a28c;font-size:10px}.dto-hero-benefits li{display:flex;align-items:center;gap:4px}.dto-hero-benefits svg{color:#b6ff00;flex:none}
.dto-hero-visual{position:relative;padding:24px 4px 30px;min-width:0}.dto-hero-orbit{position:absolute;inset:-25px -100px;border:1px solid #b6ff0014;border-radius:50%;transform:rotate(-25deg)}.dto-hero-orbit:after{content:'';position:absolute;inset:30px;border:1px dashed #b6ff001c;border-radius:50%}
.dto-preview-board{position:relative;border:1px solid #425433;background:#141b10;border-radius:15px;padding:17px;transform:perspective(1200px) rotateY(-9deg) rotateZ(3deg);box-shadow:-20px 30px 70px #0009}
.dto-preview-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;padding:0 0 10px;color:#b6ff00}.dto-preview-logo{width:57px}.dto-preview-top>span{display:flex;align-items:center;gap:4px;color:#c3cdbb;font-size:9px}.dto-preview-heading{display:grid;gap:7px;margin:18px 0 14px}.dto-preview-heading>span{font-size:8px;letter-spacing:.12em;color:#9eac91}.dto-preview-heading strong{font-size:19px;font-weight:600;letter-spacing:-.5px}
.dto-preview-feature{height:180px;display:block;position:relative;overflow:hidden;border-radius:9px;background:#25301c;color:#fff}.dto-preview-feature>img,.dto-preview-tiles img{height:100%;width:100%;object-fit:cover}.dto-preview-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 80%)}.dto-preview-feature>span{position:absolute;left:15px;bottom:15px;z-index:1;display:grid;gap:7px}.dto-preview-feature small{font-size:7px;letter-spacing:.1em;color:#d3edb8}.dto-preview-feature strong{font-size:26px;line-height:1.04;letter-spacing:-.7px}.dto-preview-feature>svg{position:absolute;right:13px;bottom:13px;z-index:1;color:#b6ff00}
.dto-preview-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.dto-preview-tiles>a{display:block;overflow:hidden;border-radius:8px;border:1px solid #35422d;background:#192113}.dto-preview-tiles img{height:90px;display:block}.dto-preview-tiles span{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#e3ebdc;font-size:9px;padding:9px}.dto-preview-tiles svg{color:#b6ff00;flex:none}.dto-preview-shortcuts{display:flex;justify-content:space-between;gap:5px;margin-top:14px}.dto-preview-shortcuts a{display:flex;align-items:center;gap:4px;color:#b9cba8;font-size:8px}.dto-preview-note{display:block;margin:14px 0 0;font-size:7px;color:#879879;text-align:center}
.dto-location-badge{position:absolute;left:-12px;bottom:5px;display:flex;align-items:center;gap:12px;padding:13px 16px;background:#b6ff00;color:#11180a;border:1px solid #c6ff4b;border-radius:12px;box-shadow:0 12px 35px #0005;transform:rotate(-3deg)}.dto-location-badge>span{display:grid;place-items:center;padding:8px;background:#10180a12;border-radius:50%}.dto-location-badge>div{display:grid;gap:4px}.dto-location-badge small{font-size:7px;letter-spacing:.1em}.dto-location-badge strong{font-size:13px}
.dto-category-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;max-width:900px;padding-top:22px;border-top:1px solid #b6ff0022}.dto-category-heading h2{font-size:18px;letter-spacing:-.4px;margin:0;font-weight:500}.dto-category-heading span{font-size:9px;color:#93a383;letter-spacing:.07em}.hero.campaign .home-category-menu{margin:14px auto 18px}
@media(max-width:760px){.hero.campaign .campaign-copy{padding:0 15px 24px}.dto-hero-six{grid-template-columns:1fr;padding:34px 0 30px;gap:28px}.dto-hero-message{text-align:center}.dto-hero-pill{margin:auto}.hero.campaign .dto-hero-six h1{font-size:52px;letter-spacing:-2.5px;margin:25px 0 20px}.hero.campaign .dto-hero-description{margin:0 auto 22px;font-size:13px;max-width:330px}.dto-hero-search{margin:0 auto 18px}.dto-hero-links,.dto-hero-benefits{justify-content:center}.dto-hero-visual{width:min(85%,370px);margin:0 auto;padding:12px 0 32px}.dto-preview-feature{height:150px}.dto-preview-tiles img{height:72px}.dto-category-heading h2{font-size:16px}.dto-category-heading>span{font-size:8px}.dto-location-badge{left:-12px}.dto-preview-board{padding:14px}.dto-hero-benefits{gap:10px;font-size:9px}}
.dto-preview-note{margin-bottom:30px}
.hero.campaign .dto-hero-six h1 br{display:block}
@media(max-width:760px){.hero.campaign .dto-hero-six h1{font-size:46px}}
.hover\:tw-bg-lime-300:hover{--tw-bg-opacity:1;background-color:rgb(190 242 100 / var(--tw-bg-opacity, 1))}
.hover\:tw-bg-white\/5:hover{background-color:rgb(255 255 255 / 0.05)}
.focus-visible\:tw-outline:focus-visible{outline-style:solid}
.focus-visible\:tw-outline-2:focus-visible{outline-width:2px}
.focus-visible\:tw-outline-offset-4:focus-visible{outline-offset:4px}
.focus-visible\:tw-outline-primary:focus-visible{outline-color:#B6FF00}
.disabled\:tw-opacity-50:disabled{opacity:0.5}