/* Why IQ Connect — hospitality-first editorial page. */
.why-signature { --wy-navy:#071d38; --wy-blue:#087dff; --wy-muted:#607087; color:var(--wy-navy); background:#fff; overflow:hidden; }
.why-signature *, .why-signature *::before, .why-signature *::after { box-sizing:border-box; }
.wy-symbols { position:absolute; width:0; height:0; overflow:hidden; }
.wy-container { width:calc(100% - 112px); max-width:1280px; margin-inline:auto; }
.why-signature h1,.why-signature h2,.why-signature h3 { font-family:Georgia,'Times New Roman',serif; font-weight:600; letter-spacing:-.035em; margin:0; }
.why-signature h2 { font-size:clamp(30px,3.4vw,46px); line-height:1.09; }
.why-signature h3 { font-size:18px; line-height:1.3; letter-spacing:-.02em; }
.why-signature p { font-size:14px; line-height:1.6; margin:12px 0 0; color:var(--wy-muted); }
.why-signature h1 span,.why-signature h2 span { background:linear-gradient(105deg,#00bbef,#057dff 48%,#9149ff); color:transparent; background-clip:text; -webkit-background-clip:text; }
.why-signature .wy-eyebrow { color:var(--wy-blue); font-family:var(--font-body); font-size:10px; font-weight:800; letter-spacing:.19em; margin:0 0 11px; }
.wy-hero { padding:26px 0 72px; background:linear-gradient(90deg,rgba(2,18,36,.95),rgba(2,18,36,.44) 55%,rgba(2,18,36,.07)),url('../images/resort-hero.webp') center 54%/cover; color:#fff; }
.wy-breadcrumb { display:flex; gap:8px; font-size:10px; color:#37c9ff; margin-bottom:32px; }
.wy-breadcrumb a { color:inherit; }
.wy-hero-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:64px; align-items:center; }
.why-signature h1 { font-size:clamp(44px,5.3vw,72px); line-height:1.01; }
.wy-hero .wy-eyebrow { color:#e8f3ff; }
.wy-hero-copy>p:not(.wy-eyebrow) { color:#edf4ff; font-size:16px; max-width:510px; }
.wy-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; }
.why-signature .wy-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:13px 20px; border:1px solid transparent; border-radius:6px; background:linear-gradient(105deg,#00b8f0,#166cff 55%,#854bfa); color:#fff; font-size:12px; font-weight:700; text-decoration:none; min-height:44px; transition:transform .2s,box-shadow .2s; }
.why-signature .wy-button-outline { border-color:#408ad7; background:#071d3878; box-shadow:inset 0 0 0 1px #1e69bc30; }
.wy-button span { font-size:20px; line-height:1; }
.wy-hero-trust { display:flex; flex-wrap:wrap; gap:24px; margin-top:26px; }
.wy-hero-trust span { display:flex; gap:9px; align-items:center; color:#e5f3ff; font-size:10px; }
.wy-hero-trust svg { width:20px; height:20px; fill:none; stroke:#68c9ff; stroke-width:1.6; }
.wy-platform { background:linear-gradient(140deg,#12305be8,#071830e8); backdrop-filter:blur(16px); border:1px solid #6699d356; border-radius:11px; padding:20px; box-shadow:0 18px 50px #00142c55; }
.wy-platform-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.why-signature .wy-platform h2 { font-size:22px; letter-spacing:-.015em; }
.wy-platform-heading>span { background:#225bec; padding:5px 9px; border-radius:20px; font-size:8px; white-space:nowrap; }
.wy-platform-step { display:flex; align-items:center; gap:14px; padding:12px; margin-top:5px; border-radius:7px; background:#ffffff08; border:1px solid #ffffff08; color:#fff; text-decoration:none; }
.wy-platform-step strong,.wy-platform-step small { display:block; font-size:12px; }
.wy-platform-step small { color:#c0d1e8; font-size:10px; margin-top:3px; }
.wy-platform-step>b { margin-left:auto; font-size:23px; color:#a2c0dc; font-weight:400; }
.wy-icon { flex-shrink:0; display:grid; place-items:center; width:45px; height:45px; border-radius:12px; background:#e5f3ff; color:#0d8aff; }
.wy-icon svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.wy-platform-step .wy-icon { color:#fff; background:linear-gradient(145deg,#00c3ff,#0870ff); border-radius:50%; }
.wy-platform-step:nth-child(3) .wy-icon,.wy-platform-step:nth-child(5) .wy-icon { background:linear-gradient(145deg,#6954ff,#a345ff); border-radius:12px; }
.wy-platform-step:nth-child(4) .wy-icon { background:linear-gradient(145deg,#00c7d4,#05a9c8); }
.wy-principles { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); margin-top:-38px; padding:22px 28px; border:1px solid #e0e9f4; border-radius:12px; background:#fffffffa; box-shadow:0 10px 30px #08234112; }
.wy-principles>div { display:flex; gap:16px; align-items:flex-start; padding:0 28px; border-right:1px solid #e3ebf4; }
.wy-principles>div:last-child { border:0; }
.wy-principles>div>span { color:#148aff; font-size:27px; line-height:1.2; font-weight:600; }
.wy-principles p { margin:0; }
.wy-principles strong { display:block; font:600 14px Georgia,serif; color:var(--wy-navy); }
.wy-principles small { display:block; font-size:10px; margin-top:5px; line-height:1.5; }
.wy-story { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; padding-block:50px; }
.wy-story-photos { position:relative; padding-right:70px; min-height:370px; }
.wy-story-photos>img:first-child { display:block; width:100%; height:390px; object-fit:cover; border-radius:4px; }
.wy-story-photos>img:last-child { position:absolute; width:58%; height:230px; right:0; bottom:45px; object-fit:cover; border:5px solid #fff; border-radius:13px; box-shadow:0 12px 36px #071d3820; }
.wy-story-features { display:grid; grid-template-columns:1fr 1fr; gap:26px 20px; margin-top:26px; }
.wy-story-features article { display:flex; gap:14px; }
.why-signature .wy-story-features h3 { font-size:15px; }
.why-signature .wy-story-features p { font-size:11px; line-height:1.5; margin-top:5px; }
.wy-foundation { padding:42px 0; background:linear-gradient(110deg,#e6f5ff,#f0f8ff 65%,#e7f4ff); }
.wy-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:26px; }
.wy-section-heading>div { flex:1; }
.wy-section-heading>p { width:35%; max-width:420px; margin:0; font-size:13px; }
.wy-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.wy-benefits article { padding:22px; border:1px solid #f6faff; border-radius:9px; background:#ffffffed; }
.wy-benefits article>div { display:flex; align-items:center; gap:14px; }
.wy-benefits .wy-icon { width:58px; height:58px; border-radius:50%; }
.wy-benefits .wy-icon svg { width:31px; height:31px; }
.wy-benefits article:nth-child(2) .wy-icon,.wy-benefits article:nth-child(5) .wy-icon { color:#7945ff; background:#efe9ff; }
.wy-benefits article:nth-child(3) .wy-icon { color:#07b26b; background:#dff8ec; }
.wy-benefits article:nth-child(4) .wy-icon { color:#ff9237; background:#fff0e5; }
.wy-benefits article:nth-child(6) .wy-icon { color:#03adb7; background:#e1f7f7; }
.why-signature .wy-benefits p { font-size:13px; margin-top:16px; }
.wy-journey { padding:46px 0; background:linear-gradient(90deg,#03162bef,#061b38ed),url('../images/resort-hero.webp') center/cover; color:#fff; }
.wy-journey .wy-eyebrow { color:#34c4ff; }
.wy-journey .wy-section-heading>p { color:#d7e5f8; }
.wy-journey-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.wy-journey-photo { height:230px; overflow:hidden; border-radius:7px; background:#163456; }
.wy-journey-photo>img { width:100%; height:100%; object-fit:cover; }
.wy-journey-caption { display:flex; gap:12px; margin-top:17px; }
.wy-journey-caption>b { display:grid; place-items:center; flex-shrink:0; width:30px; height:30px; font-size:18px; font-weight:500; background:linear-gradient(135deg,#00c7f4,#095bff); border-radius:50%; }
.why-signature .wy-journey-caption h3 { font-size:18px; }
.why-signature .wy-journey-caption p { color:#d7e5f8; font-size:12px; line-height:1.5; margin-top:7px; }
.wy-laptop { display:flex; align-items:center; padding:22px 17px; background:linear-gradient(#20384e50,#05132380),url('../images/hotel-lounge.webp') center/cover; }
.wy-laptop-screen { width:100%; height:170px; position:relative; border:8px solid #15212a; border-bottom:12px solid #15212a; border-radius:8px; transform:perspective(500px) rotateY(-8deg); box-shadow:0 14px 15px #0008; }
.wy-laptop-screen:after { content:''; position:absolute; bottom:-19px; left:-15px; right:-15px; height:9px; background:linear-gradient(#cdd3d6,#727e89); border-radius:0 0 10px 10px; }
.wy-laptop-screen img { width:100%; height:100%; object-fit:cover; }
.wy-laptop-screen>span { position:absolute; inset:0; background:linear-gradient(90deg,#001930b3,transparent); padding:22px 12px; font-size:8px; color:#fff; }
.wy-laptop-screen strong { display:block; font:italic 25px Georgia,serif; margin:8px 0; }
.wy-laptop-screen small { font-size:7px; background:#007dff; padding:5px 7px; border-radius:3px; }
.wy-phone { display:flex; justify-content:center; align-items:end; padding-top:15px; background:linear-gradient(#08172940,#08172960),url('../images/hotel-lounge.webp') center/cover; }
.wy-phone-screen { position:relative; width:148px; height:220px; border:6px solid #182129; border-bottom:0; border-radius:21px 21px 0 0; background:#f2f8ff; color:#0b2343; box-shadow:0 0 0 2px #adb6ba,0 12px 30px #0008; overflow:hidden; }
.wy-phone-camera { position:absolute; top:4px; left:35px; width:65px; height:10px; background:#182129; border-radius:20px; z-index:1; }
.wy-phone-screen>img { width:100%; height:65px; object-fit:cover; }
.wy-phone-screen>div { padding:8px 13px; }
.wy-phone-screen strong { font:600 19px Georgia,serif; display:block; line-height:1; margin-bottom:8px; }
.wy-phone-screen small,.wy-phone-screen div>span { display:block; font-size:7px; }
.wy-phone-screen small { color:#708197; margin-top:6px; }
.wy-phone-screen b { display:block; text-align:center; background:#007bff; color:#fff; padding:7px; margin-top:9px; border-radius:4px; font-size:8px; }
.wy-comparison { padding-block:46px 28px; }
.wy-comparison h2 { font-size:clamp(28px,3vw,41px); }
.wy-table-wrap { overflow-x:auto; border:1px solid #e2ebf5; border-radius:10px; box-shadow:0 6px 20px #0b366208; }
.why-signature table { width:100%; border-collapse:collapse; font-size:12px; }
.why-signature th,.why-signature td { text-align:left; padding:16px 22px; border-bottom:1px solid #e5edf6; line-height:1.5; }
.why-signature thead th { background:#f3f6fa; font-family:Georgia,serif; font-size:15px; }
.why-signature th:first-child { width:23%; color:#172941; }
.why-signature td { color:#627185; }
.why-signature th:last-child,.why-signature td:last-child { background:#eff8ff; width:42%; }
.why-signature thead th:last-child { background:#def0ff; color:#1746ad; }
.why-signature tbody tr:last-child>* { border-bottom:0; }
.why-signature .wy-availability { text-align:right; font-size:10px; margin-top:12px; }
.wy-faq { padding:42px 0; background:linear-gradient(110deg,#eaf6ff,#f8fcff); }
.wy-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.wy-text-link { display:inline-flex; gap:8px; margin-top:18px; color:#0877ee; font-size:13px; font-weight:700; }
.wy-faq-items details { border:1px solid #e8eff7; border-radius:8px; margin:7px 0; background:#fff; box-shadow:0 5px 20px #17396605; }
.wy-faq-items summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; list-style:none; cursor:pointer; font-size:12px; font-weight:700; }
.wy-faq-items summary::-webkit-details-marker { display:none; }
.wy-faq-items summary>span { flex-shrink:0; width:8px; height:8px; border-right:2px solid #6b84a4; border-bottom:2px solid #6b84a4; transform:rotate(45deg); transition:transform .2s; }
.wy-faq-items details[open] summary>span { transform:rotate(225deg); border-color:#168aff; }
.why-signature .wy-faq-items p { margin:0; padding:0 18px 16px; font-size:11px; }
.wy-cta { width:calc(100% - 48px); max-width:1400px; margin:24px auto; padding:35px 0; border:1px solid #b4d0ec; border-radius:14px; background:linear-gradient(90deg,#031a35f2,#041a3380 65%,transparent),url('../images/resort-hero.webp') center 52%/cover; color:#fff; }
.wy-cta .wy-container { width:calc(100% - 64px); }
.wy-cta .wy-eyebrow { color:#32c9ff; }
.wy-cta p { color:#e6f0ff; }
.wy-cta h2 { font-size:clamp(30px,3.8vw,48px); }
.wy-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.why-signature a:focus-visible,.why-signature summary:focus-visible,.wy-table-wrap:focus-visible { outline:3px solid #37b9ff; outline-offset:4px; }
@media(hover:hover) { .wy-button:hover { transform:translateY(-2px); box-shadow:0 8px 20px #027bff40; } .wy-platform-step:hover { background:#ffffff15; border-color:#75b1ed66; } .wy-text-link:hover { color:#7347dc; } }
@media(min-width:1500px) { .wy-hero { padding-bottom:90px; } .wy-story { padding-block:64px; } }
@media(max-width:1100px) { .wy-container { width:calc(100% - 64px); } .wy-hero-grid { gap:28px; grid-template-columns:1.2fr 1fr; } .wy-platform { padding:15px; } .why-signature .wy-platform h2 { font-size:19px; } .wy-platform-heading { flex-wrap:wrap; } .wy-story { gap:35px; } .wy-story-photos { padding-right:40px; } .wy-story-photos>img:first-child { height:360px; } .wy-story-photos>img:last-child { height:200px; } .wy-story-features { gap:20px 12px; } .wy-benefits article { padding:18px; } .wy-benefits article>div { gap:10px; } .wy-benefits h3 { font-size:16px; } .wy-journey-grid { gap:15px; } .wy-journey-photo { height:200px; } .wy-laptop-screen { height:145px; } .wy-faq-grid { gap:35px; } .wy-principles { padding:20px 12px; } .wy-principles>div { padding:0 18px; } }
@media(max-width:760px) { .wy-container { width:calc(100% - 36px); } .wy-hero { padding:20px 0 70px; } .wy-breadcrumb { margin-bottom:24px; } .wy-hero-grid,.wy-story,.wy-faq-grid { grid-template-columns:1fr; } .why-signature h1 { font-size:52px; } .wy-hero-trust { gap:15px; } .wy-platform { margin-top:5px; padding:18px; } .wy-platform-heading { flex-wrap:nowrap; } .wy-principles { grid-template-columns:1fr; padding:8px 20px; } .wy-principles>div { padding:15px 0; border-right:0; border-bottom:1px solid #e3ebf4; } .wy-principles small { font-size:12px; } .wy-principles strong { font-size:16px; } .wy-story { gap:28px; padding-block:32px; } .wy-story-photos { min-height:300px; padding-right:45px; } .wy-story-photos>img:first-child { height:320px; } .wy-story-photos>img:last-child { height:190px; bottom:25px; } .wy-story-features { gap:24px 18px; } .wy-section-heading { align-items:start; flex-direction:column; gap:15px; margin-bottom:24px; } .wy-section-heading>p { width:100%; max-width:550px; } .wy-benefits { grid-template-columns:1fr 1fr; gap:12px; } .wy-benefits article>div { align-items:start; flex-direction:column; gap:13px; } .wy-foundation,.wy-journey { padding:32px 0; } .wy-journey-grid { grid-template-columns:1fr 1fr; gap:24px 16px; } .wy-journey-photo { height:220px; } .wy-journey-caption { gap:8px; } .wy-journey-caption>b { width:26px; height:26px; font-size:16px; } .wy-comparison { padding-block:32px 22px; } .why-signature table { min-width:680px; } .why-signature th,.why-signature td { padding:14px 16px; } .wy-faq { padding:32px 0; } .wy-faq-grid { gap:24px; } .wy-faq-items summary { padding:15px 16px; font-size:13px; } .why-signature .wy-faq-items p { font-size:12px; } .wy-cta { width:calc(100% - 24px); padding:30px 0; background-position:65% center; } .wy-cta .wy-container { width:calc(100% - 36px); } .wy-desktop-break { display:none; } }
@media(max-width:420px) { .why-signature h1 { font-size:44px; } .wy-hero-trust { gap:12px; } .wy-hero-trust span { font-size:9px; gap:5px; } .wy-hero-trust svg { width:17px; height:17px; } .wy-story-features { grid-template-columns:1fr; } .wy-story-features article { align-items:center; } .why-signature .wy-story-features p { font-size:12px; } .wy-benefits article { padding:16px; } .wy-benefits .wy-icon { width:48px; height:48px; } .wy-benefits h3 { font-size:16px; } .why-signature .wy-benefits p { font-size:12px; } .wy-journey-photo { height:180px; } .wy-laptop { padding:17px 10px; } .wy-laptop-screen { height:125px; border-width:5px; } .wy-laptop-screen strong { font-size:20px; } .wy-phone-screen { width:120px; height:174px; } .wy-phone-screen>img { height:42px; } .wy-phone-screen>div { padding:7px 9px; } .wy-phone-screen strong { font-size:16px; } .wy-phone-screen small { margin-top:4px; } .wy-phone-screen b { margin-top:7px; padding:5px; } .wy-phone-camera { left:27px; width:50px; height:7px; } }
@media(prefers-reduced-motion:reduce) { .why-signature *, .why-signature *::before,.why-signature *::after { transition:none !important; } }