/* Caribbean Marketplace real-site design refresh · CSS only
   No AI/stock background imagery. Preserves existing JavaScript and workflows. */
:root{--ink:#0b2b40;--forest:#06566a;--pale:#f7fafb;--line:#dfebec;--muted:#5f7987;--shadow:0 18px 45px rgba(5,43,59,.09)}
body.homepage{background:#f8fbfc;color:#0d3043}
.homepage .announcement{background:#08283c;color:#dceef0;letter-spacing:.14em;font-size:10px;border-bottom:2px solid #e9c476}
.homepage header.container{max-width:1320px}
.homepage .nav{height:88px}
.homepage .brand{font:700 19px/1.04 Georgia,serif;letter-spacing:-.035em;white-space:nowrap;gap:11px}
.homepage .brand-mark{height:42px;width:42px;flex-shrink:0;border-radius:12px;border:1.5px solid #e9c476;background:linear-gradient(140deg,#082f47,#11657a);box-shadow:0 6px 13px #04283c27;color:#e9c476;font:700 28px Georgia,serif}
.homepage .brand-wording{display:inline-flex;flex-direction:column;gap:1px}
.homepage .brand-wording b{color:#0c7989;font-weight:700}
.homepage .links{gap:20px}
.homepage .links a{font-size:12px;color:#1d4355}
.homepage .btn{box-shadow:none;transition:transform .17s ease,box-shadow .17s ease,background .17s ease}
.homepage .btn-dark{background:#075c6f;color:#fff}
.homepage .btn-dark:hover{background:#06485d;box-shadow:0 8px 20px #074b5a2c}
.homepage .hero{position:relative;isolation:isolate;overflow:hidden;min-height:528px;grid-template-columns:1.09fr .91fr;gap:0;border:1px solid #0d6880;border-radius:24px;background:linear-gradient(116deg,#06283d 0%,#07465e 53%,#0c7d8b 100%);box-shadow:0 23px 53px #0a52631f}
.homepage .hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 76% 26%,rgba(27,194,203,.25),transparent 48%),linear-gradient(155deg,transparent 60%,rgba(255,255,255,.04) 90%)}
.homepage .hero:after{content:'';width:58%;height:180%;position:absolute;top:-42%;right:-42%;border:1px solid rgba(233,196,118,.14);border-radius:50%;pointer-events:none}
.homepage .hero-copy{z-index:2;position:relative;padding:65px 25px 56px 61px}
.homepage .hero-copy .eyebrow{font-size:11px;letter-spacing:.24em;color:#e9c476}
.homepage .hero h1{max-width:700px;margin:22px 0 10px;color:#fff;font-size:clamp(49px,5.7vw,86px);letter-spacing:-.055em;line-height:1.03;text-wrap:balance}
.homepage .hero h1 em{color:#e9c476;font-style:normal}
.homepage .hero-tagline{font:italic 400 clamp(18px,2vw,27px)/1.3 Georgia,serif;color:#e6f8f5;letter-spacing:-.02em;margin:0 0 18px}
.homepage .hero p{font-size:15px;line-height:1.75;color:#cce8ec;max-width:490px;margin:0 0 27px}
.homepage .hero .btn-dark{background:linear-gradient(120deg,#e9c476,#e9c476);color:#0b3040;border:1px solid #e9c476;box-shadow:0 10px 24px rgba(3,32,44,.18);font-weight:800}
.homepage .hero .btn-dark:hover{background:#e9c476;box-shadow:0 12px 30px rgba(3,32,44,.28)}
.homepage .hero .btn-light{background:transparent;color:#fff;border:1px solid #aacbd1a1}
.homepage .hero .btn-light:hover{background:#ffffff20}
.homepage .hero-flags{font-size:18px;margin-top:30px;letter-spacing:.07em}
.homepage .hero-flags span{color:#b4d4db}
.homepage .hero-visual{height:100%;min-height:490px;position:relative;overflow:hidden;isolation:isolate;background:transparent}
.homepage .graphic-orbit{border:1px solid rgba(234,250,250,.17);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}
.homepage .orbit-out{width:600px;height:600px}
.homepage .orbit-in{width:470px;height:470px;border-style:dashed;border-color:rgba(233,196,118,.18)}
.homepage .graphic-disc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(78%,390px);aspect-ratio:1;border:2px solid #e9c476;border-radius:50%;background:linear-gradient(180deg,#207d97 0%,#0d687c 45%,#085b74 46%,#07435e 100%);overflow:hidden;box-shadow:0 0 0 9px rgba(233,196,118,.07),0 25px 70px rgba(1,22,34,.28)}
.homepage .graphic-disc:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 67% 24%,rgba(233,196,118,.18),transparent 45%)}
.homepage .graphic-disc:after{content:'';position:absolute;inset:59% 0 auto;width:120%;height:35%;left:-10%;background:repeating-linear-gradient(174deg,transparent 0 27px,rgba(223,255,255,.12) 27px 29px,transparent 29px 45px)}
.homepage .graphic-sun{position:absolute;z-index:1;top:23%;right:18%;width:80px;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#e9c476,#e9c476);box-shadow:0 0 55px #ffdf9a50}
.homepage .graphic-island{position:absolute;z-index:2;bottom:39%;height:35%;border-radius:52% 70% 0 0;transform:rotate(-8deg)}
.homepage .island-back{left:-20%;width:100%;background:#166f78;bottom:42%}
.homepage .island-front{right:-33%;width:100%;background:#0d435d;transform:rotate(11deg)}
.homepage .graphic-wave{position:absolute;z-index:3;height:2px;border-radius:50%;background:#8fdbdb66;transform:rotate(-8deg)}
.homepage .wave-one{width:65%;bottom:27%;left:12%}.homepage .wave-two{width:50%;bottom:21%;right:6%}.homepage .wave-three{width:45%;bottom:15%;left:13%}
.homepage .visual-eyebrow{position:absolute;z-index:3;top:16%;left:0;color:#e9c476;font:700 12px/1.65 system-ui,sans-serif;letter-spacing:.21em;text-shadow:0 3px 12px #003e58}
.homepage .visual-footer{position:absolute;z-index:3;bottom:14%;right:1%;font-size:11px;letter-spacing:.16em;font-weight:750;color:#fff;border-top:1px solid rgba(255,255,255,.45);padding-top:13px}
.homepage .visual-footer span{color:#e9c476}
.homepage .hero-script-hooks{display:none!important}
.homepage .benefits{padding-top:35px;padding-bottom:30px;border-bottom:1px solid #e3eff0}
.homepage .benefit-num{color:#e9c476;font-weight:700}
.homepage .benefit strong{color:#0a3547}
.homepage .section-head h2{color:#0b3449}
.homepage .regional-kicker,.homepage .eyebrow{color:#197a89}
.homepage .chip{background:white;border-color:#dcebed;color:#195465}
.homepage .chip:hover,.homepage .chip.active{background:#07586e;color:white;border-color:#07586e}
.homepage .field{border:1px solid #cbdfe3;box-shadow:0 1px 2px #0d53660a}
.homepage .product,.homepage .service-card{border:1px solid #e2e9ec;box-shadow:0 6px 22px rgba(4,45,63,.045);border-radius:15px}
.homepage .product:hover,.homepage .service-card:hover{box-shadow:0 15px 35px rgba(4,45,63,.13)}
.homepage .destinations-block{background:linear-gradient(135deg,#eaf5f4,#f6f9f4)}
.homepage .seller-banner{background:linear-gradient(118deg,#072f46,#0b6878);box-shadow:0 18px 34px rgba(1,46,65,.11)}
.homepage .seller-banner .eyebrow{color:#e9c476!important}
.homepage .seller-banner .btn-light{background:#e9c476;color:#123747;border:0}
.homepage footer{background:#082c40;color:#eff8f9;border-top:3px solid #e9c476}
.homepage footer p{color:#c4dce2}
.homepage footer .brand-wording b{color:#e9c476}
.homepage footer .brand-mark{border-color:#e9c476}
.homepage footer .btn-light{color:#0e3f53}
/* Consistent supporting pages: preserve all forms, IDs, scripts, and security flows. */
body.register-page,body.seller-page,body.admin-page,body.business-page{background:#f7fafb}
.register-page .hero,.seller-page .hero,.admin-page .hero,.business-page .hero{background:linear-gradient(115deg,#072c44 0%,#065368 70%,#0d8590 100%);border-bottom:3px solid #e9c476;position:relative;isolation:isolate}
.register-page .hero:after,.seller-page .hero:after,.admin-page .hero:after,.business-page .hero:after{content:'';position:absolute;z-index:-1;top:-50%;right:-10%;width:450px;max-width:70vw;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff26;box-shadow:0 0 0 65px #ffffff08,0 0 0 135px #ffffff05}
.register-page .logo,.seller-page .brand,.admin-page .brand,.business-page .brand{font-size:clamp(19px,3vw,27px);letter-spacing:-.035em;color:#0c3449}
.register-page .logo span,.seller-page .brand span,.admin-page .brand span,.business-page .brand span{color:#0d8998}
.register-page .card,.seller-page .card,.admin-page .card,.business-page .card{border-color:#e3ebed;box-shadow:0 8px 24px rgba(3,47,63,.045)}
.register-page .btn,.seller-page .btn,.admin-page .btn,.business-page .btn{transition:filter .15s ease,transform .15s ease}
.register-page .btn:hover,.seller-page .btn:hover,.admin-page .btn:hover,.business-page .btn:hover{filter:brightness(1.06)}
@media(max-width:1050px){.homepage .links{gap:13px}.homepage .nav{gap:10px}.homepage .links a{font-size:11px}}
@media(max-width:900px){.homepage .links{display:none}.homepage .hero-copy{padding:49px 20px 44px 36px}.homepage .graphic-disc{width:83%}.homepage .hero h1{font-size:clamp(47px,6vw,68px)}}
@media(max-width:700px){.homepage .nav{height:72px}.homepage .brand{font-size:15px}.homepage .brand-mark{width:36px;height:36px;font-size:23px}.homepage .hero{grid-template-columns:1fr;min-height:0;border-radius:19px}.homepage .hero-copy{padding:43px 24px 29px}.homepage .hero h1{font-size:clamp(49px,11.5vw,70px);margin:17px 0 13px}.homepage .hero-tagline{font-size:21px}.homepage .hero p{font-size:14px}.homepage .hero-buttons{gap:9px}.homepage .hero .btn{white-space:normal;padding:12px 17px}.homepage .hero-visual{height:300px;min-height:300px}.homepage .graphic-disc{height:250px;width:250px}.homepage .orbit-in{width:315px;height:315px}.homepage .orbit-out{width:400px;height:400px}.homepage .graphic-sun{width:59px}.homepage .visual-eyebrow{left:9%;top:18%;font-size:9px}.homepage .visual-footer{bottom:14%;right:5%;font-size:9px}.homepage .benefits{padding-top:18px}.homepage .section{padding-top:46px}}
@media(max-width:400px){.homepage .nav-actions .btn-dark{padding:9px 12px}.homepage .hero-copy{padding:34px 20px 25px}.homepage .hero h1{font-size:46px}.homepage .hero-visual{height:255px;min-height:255px}.homepage .graphic-disc{width:210px;height:210px}.homepage .visual-eyebrow{font-size:8px}.homepage .visual-footer{font-size:8px}.homepage .hero-flags{font-size:15px}}
@media(prefers-reduced-motion:reduce){.homepage .btn,.homepage .product,.homepage .service-card{transition:none}}