:root{--g:#103f37;--gd:#082d29;--cream:#f7f2e8;--ink:#12342e;--muted:#62716c;--line:#dedfd8;--pale:#e8f0ec;--gold:#cbb98f;--ser:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit}.wrap{width:min(1220px,calc(100% - 40px));margin:auto}
.top{position:absolute;z-index:20;left:0;right:0;color:#fff;background:linear-gradient(180deg,#061f1ce8 0%,#061f1c75 55%,transparent 100%)}.nav{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--ser);font-size:36px;font-weight:600;line-height:.88;letter-spacing:-.025em;text-decoration:none;text-shadow:0 2px 16px #0007}.brand small{display:block;font:italic 13px/1.2 var(--ser);letter-spacing:.01em;margin-top:10px;color:#f3f1e9}.links{display:flex;align-items:center;gap:26px;font-size:13px}.links a{text-decoration:none}.pill{border:1px solid #ffffff8c;border-radius:99px;padding:10px 17px;background:#082d2929;backdrop-filter:blur(5px)}
.hero{position:relative;min-height:780px;color:#fff;background:linear-gradient(90deg,#061f1ce8 0%,#082d29ba 30%,#082d294c 54%,#082d2908 76%),linear-gradient(0deg,#061f1c70,transparent 48%),url('https://cleopatrajonesibz.com/assets/images/locations/menorca.webp') center/cover no-repeat}.hero .wrap{min-height:780px;display:flex;align-items:center}.hero-copy{width:min(680px,60%);padding-top:82px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:700}.eyebrow{color:#e0ebe7}.hero h1{font:500 clamp(52px,5.5vw,76px)/.95 var(--ser);margin:15px 0 21px;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 25px #0009}.hero h1 em{font-weight:400;color:#e1eee2}.hero p{font-size:17px;line-height:1.6;max-width:590px;color:#f4f7f5;margin:0;text-shadow:0 2px 12px #0009}.cta{display:inline-flex;align-items:center;gap:14px;margin-top:27px;background:#f7f1df;color:var(--gd);font-weight:700;text-decoration:none;padding:14px 20px;border-radius:99px;box-shadow:0 10px 28px #0002}.cta:after{content:'→';font-size:19px}.micro{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px;color:#e8f0ed;font-size:11px}.micro span:before{content:'✓';margin-right:7px;color:#fff}.hero-note{position:absolute;z-index:3;right:max(6.5vw,calc((100vw - 1220px)/2));top:145px;bottom:auto;font:italic 400 35px/.92 var(--ser);letter-spacing:-.025em;text-align:center;transform:rotate(-7deg);color:#f7f2e8;text-shadow:0 2px 16px #000b}.hero-note:after{content:'';display:block;width:118px;border-top:2px solid #f7f2e8;margin:10px -4px 0 auto;transform:rotate(-5deg);opacity:.9}
.section{padding:78px 0}.white{background:#fff}.section h2,.solution h2{font:500 44px/1.05 var(--ser);margin:7px 0 13px}.intro{color:var(--muted);max-width:790px;margin:0 0 29px}.story-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:32px;align-items:stretch}.journey{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pain{background:var(--cream);border:1px solid #ebe4d8;border-radius:15px;padding:20px;min-height:170px}.badge{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#fff;font:14px var(--ser);margin-bottom:16px}.pain strong{display:block;font:19px/1.12 var(--ser);margin-bottom:8px}.pain p{margin:0;color:var(--muted);font-size:12.5px}.story-photo{position:relative;min-height:354px;border-radius:18px;overflow:hidden;background:url('https://bynder.onthebeach.co.uk/cdn-cgi/image/width%3D1400%2Cquality%3D80%2Cfit%3Dcover%2Cformat%3Dauto/m/723d6eb0e7ca6b2d/original/Susesi-Luxury-Resort-Room-27.jpg') center/cover no-repeat}.story-photo:after,.guide-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#082d29d5 0%,transparent 58%)}.story-caption{position:absolute;z-index:2;left:25px;right:25px;bottom:23px;color:#fff}.story-caption b{display:block;font:27px/1.08 var(--ser);font-weight:400}.story-caption span{font-size:11px}
.solution{background:var(--gd);color:#fff;padding:72px 0}.solution-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:62px;align-items:center}.solution p{color:#d5e3de}.principles{display:grid;grid-template-columns:repeat(4,1fr)}.principle{padding:4px 20px 4px 22px;border-left:1px solid #ffffff35}.icon{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:#f2dfad;font:19px var(--ser);margin-bottom:13px}.principle strong{display:block;font:19px/1.12 var(--ser);margin-bottom:7px}.principle span{font-size:12px;color:#cbdcd6}
.demo-note{font-size:12px;background:#eee7da;padding:9px 12px;border-radius:7px;display:inline-block;margin-bottom:18px}.req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.req{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;text-align:left;cursor:pointer;color:var(--ink);min-height:94px;transition:.2s}.req:hover{transform:translateY(-1px);box-shadow:0 8px 22px #103f3710}.req:focus-visible{outline:3px solid #cbb98f;outline-offset:2px}.req strong{display:block;font-size:16px}.req span{display:block;margin-top:9px;font-size:10px;color:var(--muted);font-weight:700}.req[data-state=prefer]{background:var(--pale)}.req[data-state=must]{background:var(--g);color:#fff}.req[data-state=must] span{color:#e7f0ed}.summary{margin-top:16px;padding:16px;border-left:3px solid var(--g);background:#eee9df;font-size:14px}
.guides{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide{background:#fff;border-radius:17px;overflow:hidden;border:1px solid #e6dfd4;box-shadow:0 12px 34px #082d2912}.guide-art{height:280px;background-size:cover;background-position:center;position:relative}.guide:nth-child(1) .guide-art{background-image:url('https://www.hhotels.gr/rodosprincess/wp-content/uploads/2019/08/h-hotels-collection-rodos-princess-ACCOMMODATION.jpg')}.guide:nth-child(2) .guide-art{background-image:url('https://www.ibusz.hu/storage/1221508/25.jpg')}.guide:nth-child(3) .guide-art{background-image:url('https://bynder.onthebeach.co.uk/cdn-cgi/image/width%3D1400%2Cquality%3D80%2Cfit%3Dcover%2Cformat%3Dauto/m/540886fa60ef14fe/original/Apsara-Beachfront-Resort-and-Villa-Thailand-KHAO-LAK-Room-7.jpg')}.guide:nth-child(4) .guide-art{background-image:url('https://images.trvl-media.com/lodging/2000000/1680000/1677700/1677696/f8839472.jpg?impolicy=resizecrop&ra=fill&rh=900&rw=900')}.guide-copy{padding:18px 19px 21px}.guide h3{font:23px var(--ser);margin:0 0 7px}.guide p{font-size:12.5px;color:var(--muted);margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr)}.step{padding:0 25px;border-left:1px solid var(--line)}.step:first-child{border-left:0}.num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#fff}.step h3{font:19px var(--ser);margin:10px 0 6px}.step p{font-size:12px;color:var(--muted)}.trust-band{background:#eef1eb;padding:23px 0}.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.trust-point{display:flex;gap:11px}.tick{flex:0 0 31px;height:31px;border:1px solid #a9bbb4;border-radius:50%;display:grid;place-items:center}.trust-point b{font-size:13px}.trust-point span{display:block;color:var(--muted);font-size:11px}.final-cta{background:linear-gradient(90deg,#082d29f0,#082d2994),url('https://bynder.onthebeach.co.uk/cdn-cgi/image/width%3D1400%2Cquality%3D80%2Cfit%3Dcover%2Cformat%3Dauto/m/6da5929f454f445d/original/Thavorn-Palm-Beach-Resort-Room-47.jpg') center/cover;color:#fff;padding:64px 0}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta h2{font:39px var(--ser);margin:0}.footer{background:#061f1c;color:#dbe5e1;padding:35px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:15px;flex-wrap:wrap}
@media(max-width:900px){.wrap{width:min(100% - 34px,1220px)}.links a:not(.pill){display:none}.nav{min-height:94px;align-items:flex-start;padding-top:26px}.brand{font-size:33px}.brand small{font-size:12px;margin-top:9px}.pill{padding:9px 16px}.hero{min-height:760px;background:linear-gradient(0deg,#061f1cd6 0%,#082d2970 39%,#082d2918 69%,#082d2908 100%),linear-gradient(90deg,#061f1c42 0%,transparent 70%),url('https://cleopatrajonesibz.com/assets/images/locations/menorca.webp') 58% center/cover no-repeat}.hero .wrap{min-height:760px;align-items:flex-end}.hero-copy{width:100%;padding:0 0 118px}.hero h1{font-size:clamp(44px,9.5vw,58px);max-width:720px}.hero p{max-width:650px}.hero-note{top:126px;left:auto;right:34px;bottom:auto;font-size:25px;transform:rotate(-5deg)}.hero-note:after{width:86px;border-width:1px}.story-grid,.solution-grid{grid-template-columns:1fr}.journey,.principles,.steps{grid-template-columns:1fr 1fr}.req-grid{grid-template-columns:1fr 1fr}.guides{grid-template-columns:1fr 1fr}.guide-art{height:310px}.trust-points{grid-template-columns:1fr}.final-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.nav{min-height:92px;padding-top:25px}.brand{font-size:31px}.brand small{font-size:12px}.hero{min-height:760px;background:linear-gradient(0deg,#061f1cd9 0%,#082d2963 38%,#082d2912 66%,transparent 100%),linear-gradient(90deg,#061f1c38 0%,transparent 74%),url('https://cleopatrajonesibz.com/assets/images/locations/menorca.webp') 58% center/cover no-repeat}.hero .wrap{min-height:760px}.hero-copy{padding-bottom:114px}.eyebrow{font-size:9px;line-height:1.45;letter-spacing:.18em;max-width:330px}.hero h1{font-size:43px;line-height:.97;margin:13px 0 19px;letter-spacing:-.035em;max-width:100%}.hero h1 em{font-style:italic;font-weight:400;letter-spacing:-.015em;color:#f1e6cf;text-shadow:0 3px 18px #0007}.hero p{font-size:15.5px;line-height:1.55;max-width:94%}.micro{margin-top:24px;gap:13px 20px;font-size:10.5px}.hero-note{left:auto;right:25px;top:120px;bottom:auto;font-size:23px;line-height:.92;text-align:center;text-shadow:0 2px 14px #0009}.hero-note:after{width:76px;margin-top:9px}
.section,.solution{padding:62px 0}.section h2,.solution h2{font-size:35px;line-height:1.02;letter-spacing:-.025em;margin:8px 0 15px}.kicker{font-size:9px;letter-spacing:.22em}.intro{font-size:14px;line-height:1.6;margin-bottom:25px}.story-grid{gap:18px}.journey{grid-template-columns:1fr;gap:10px}.pain{min-height:0;padding:18px 18px 19px;border-radius:13px;display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start}.badge{grid-row:1/3;margin:1px 0 0;width:31px;height:31px}.pain strong{font-size:18px;margin:0 0 5px}.pain p{font-size:12.5px;line-height:1.48}.story-photo{min-height:360px;border-radius:14px;background-position:center}.story-caption{left:20px;right:20px;bottom:20px}.story-caption b{font-size:27px}.story-caption span{display:block;margin-top:7px;font-size:11.5px;line-height:1.45}.solution-grid{grid-template-columns:1fr;gap:34px}.solution p{font-size:14px;line-height:1.6}.solution .cta{margin-top:18px}.principles{grid-template-columns:1fr 1fr;gap:0 18px}.principle{border-left:0;border-top:1px solid #ffffff28;padding:20px 0 18px}.icon{width:40px;height:40px;margin-bottom:11px}.principle strong{font-size:18px}.principle span{font-size:11.5px;line-height:1.45}.demo-note{display:block;font-size:11.5px;line-height:1.45;margin-bottom:14px;padding:11px 13px}.req-grid{grid-template-columns:1fr 1fr;gap:9px}.req{min-height:88px;padding:15px;border-radius:12px}.req strong{font-size:15px}.req span{font-size:9px;letter-spacing:.03em;margin-top:7px}.summary{margin-top:13px;padding:14px 15px;font-size:12.5px;line-height:1.5}.guides{grid-template-columns:1fr;gap:16px}.guide{border-radius:15px;box-shadow:0 10px 28px #082d2910}.guide-art{height:255px}.guide-copy{padding:17px 18px 20px}.guide h3{font-size:24px;margin-bottom:5px}.guide p{font-size:12.5px;line-height:1.5}.steps{grid-template-columns:1fr;gap:0}.step{display:grid;grid-template-columns:39px 1fr;padding:18px 0;border-left:0;border-top:1px solid var(--line);column-gap:13px}.step:first-child{border-top:0}.num{grid-row:1/3;width:34px;height:34px}.step h3{font-size:18px;margin:1px 0 4px}.step p{font-size:12.5px;line-height:1.48;margin:0}.trust-band{padding:28px 0}.trust-points{gap:19px}.trust-point{align-items:flex-start}.tick{flex-basis:34px;height:34px}.trust-point b{font-size:13px}.trust-point span{font-size:11.5px;line-height:1.45;margin-top:2px}.final-cta{padding:58px 0;background:linear-gradient(0deg,#082d29e8,#082d2990),url('https://bynder.onthebeach.co.uk/cdn-cgi/image/width%3D1400%2Cquality%3D80%2Cfit%3Dcover%2Cformat%3Dauto/m/6da5929f454f445d/original/Thavorn-Palm-Beach-Resort-Room-47.jpg') center/cover}.final-inner{gap:8px}.final-cta h2{font-size:36px;line-height:1.02;letter-spacing:-.025em}.final-cta p{font-size:13.5px;line-height:1.55;max-width:92%}.final-cta .cta{width:100%;justify-content:space-between;margin-top:18px;padding:14px 18px}.footer{padding:32px 0}.footer-inner{display:block}.footer-links{margin-top:21px;gap:10px 18px;line-height:1.8}}