:root{
  --ink:#15272d;--ink-2:#2b4349;--muted:#6d8186;--ocean:#087f8c;--ocean-dark:#07535e;
  --aqua:#51d1cb;--aqua-soft:#e5f8f5;--sand:#f4e7ce;--sand-soft:#fffaf1;
  --white:#fff;--line:rgba(8,127,140,.16);--shadow:0 24px 70px rgba(19,76,84,.13);
  --shadow-soft:0 12px 36px rgba(19,76,84,.09);--radius:28px;--max:1220px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#fbfefd;line-height:1.55;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:110px 0;position:relative}
.nav{position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.76);backdrop-filter:blur(16px);border-bottom:1px solid rgba(8,127,140,.08);transition:.25s}
.nav.scrolled{background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(19,76,84,.08)}.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.08rem}.brand-mark{width:40px;aspect-ratio:1;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--aqua),var(--ocean));box-shadow:0 12px 28px rgba(8,127,140,.22)}
.nav-links{display:flex;gap:24px;font-size:.9rem;color:#49636a}.nav-links a:hover{color:var(--ocean)}.menu-btn{display:none;border:0;background:none;font-size:1.35rem}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:800;border:1px solid var(--line);transition:.22s;box-shadow:var(--shadow-soft)}
.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--ocean),#17a8b7);border-color:transparent}.btn-light{background:rgba(255,255,255,.86)}.btn-outline{background:#fff}.btn-white{background:#fff;color:var(--ocean-dark)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.07)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--ocean)}.eyebrow:before{content:"";width:34px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--aqua),var(--ocean))}.eyebrow.light{color:#61e6de}.eyebrow.light:before{background:#61e6de}
h1,h2,h3{margin:0;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.7vw,6.35rem);max-width:1000px}h2{font-size:clamp(2.25rem,4.7vw,4.5rem)}h3{font-size:1.45rem}p{color:var(--muted)}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:90px;position:relative;background:url("../assets/images/bg-beach-opt.png") center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.9) 48%,rgba(255,255,255,.28) 82%),linear-gradient(0deg,#fbfefd 0%,transparent 30%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}.hero-copy em{font-style:normal;color:var(--ocean)}.hero-lead{font-size:1.2rem;max-width:760px;color:#4f6b71}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#446269;font-size:.9rem}
.hero-card{padding:30px;border-radius:30px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card-badge,.pill,.plan-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--aqua-soft);color:var(--ocean);font-size:.77rem;font-weight:800}.hero-card h2{font-size:2rem;margin:18px 0 24px}
.mini-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center}.mini-flow div{padding:13px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:center}.mini-flow span{display:block;color:var(--ocean);font-size:.75rem;font-weight:800}.mini-flow b,.mini-flow small{display:block}.mini-flow small{font-size:.72rem;color:var(--muted)}.mini-flow i{font-style:normal;color:var(--aqua)}
.trust-strip{margin-top:-34px;position:relative;z-index:4}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:23px 28px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{color:var(--ocean)}.trust-grid span{font-size:.84rem;color:var(--muted)}
.section-heading{margin-bottom:54px}.section-heading h2{max-width:970px}.section-heading p{max-width:810px;font-size:1.08rem}.section-heading.center{text-align:center}.section-heading.center h2,.section-heading.center p{margin-left:auto;margin-right:auto}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comparison-card{padding:34px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.muted-card{background:#f7faf9}.featured-card{background:linear-gradient(145deg,var(--aqua-soft),#fff 62%);border-color:rgba(8,127,140,.26)}.comparison-card h3{font-size:2rem;margin:18px 0}.comparison-card ul,.price-card ul{padding:0;list-style:none}.comparison-card li,.price-card li{padding:10px 0;border-bottom:1px solid rgba(8,127,140,.09);color:var(--ink-2)}.comparison-card li:before,.price-card li:before{content:"✓";color:var(--ocean);font-weight:900;margin-right:10px}
.ecosystem{background:url("../assets/images/hotel-ecosystem.jpg") center/cover;color:#fff}.ecosystem-overlay,.concierge-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,30,.96),rgba(5,24,30,.8) 58%,rgba(5,24,30,.38))}.two-col{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.dark-copy{position:relative;z-index:2}.dark-copy h2{color:#fff}.dark-copy p{color:#c7d6d8;font-size:1.08rem}.steps{display:grid;gap:13px;margin-top:28px}.steps div{display:flex;gap:13px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(5,24,30,.52);backdrop-filter:blur(9px)}.steps span{width:28px;min-width:28px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#54d9d1;color:#06323a;font-weight:900}.steps p{margin:0}.steps b,.steps small{display:block}.diagram-card{position:relative;z-index:2;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px rgba(0,0,0,.32)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-card{padding:27px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.icon,.integration-logo{width:48px;aspect-ratio:1;border-radius:16px;display:grid;place-items:center;background:var(--aqua-soft);color:var(--ocean);font-weight:900;margin-bottom:20px}
.white-label{background:linear-gradient(180deg,#fffaf2,#fff)}.experience-image{position:relative}.experience-image img{border-radius:28px;box-shadow:var(--shadow);width:100%;height:580px;object-fit:cover}.floating-card{position:absolute;left:28px;right:28px;bottom:28px;padding:22px;border-radius:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.floating-card span,.floating-card strong,.floating-card small{display:block}.floating-card span{color:var(--ocean);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.floating-card strong{font-size:1.2rem;margin:5px 0}.floating-card small{color:var(--muted)}
.section-copy p{font-size:1.1rem}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.check-grid span{padding:13px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.concierge{background:url("../assets/images/concierge-ai.jpg") center/cover;color:#fff}.chat-demo{display:grid;gap:12px;margin-top:28px}.chat{max-width:85%;padding:15px 17px;border-radius:18px;font-size:.92rem}.chat.user{margin-left:auto;background:#fff;color:var(--ink)}.chat.ai{background:rgba(81,209,203,.17);border:1px solid rgba(81,209,203,.38);color:#ecffff}.chat.ai b{display:block;color:#6be9e2;margin-bottom:4px}
.ai-feature-list{position:relative;z-index:2;display:grid;gap:14px}.ai-feature-list div{padding:22px;border-radius:18px;background:rgba(6,31,38,.76);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px)}.ai-feature-list b,.ai-feature-list span{display:block}.ai-feature-list b{color:#62e6de;font-size:1.1rem}.ai-feature-list span{color:#c7d6d8}
.integrations{background:#f4fbfa}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration-card{padding:30px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.automation-flow{margin-top:26px;padding:22px;border-radius:20px;background:linear-gradient(90deg,var(--ocean-dark),var(--ocean));color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-weight:700}.automation-flow i{font-style:normal;color:#71eee7}
.pricing{background:url("../assets/images/ocean-sand-gradient.jpg") center/cover}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{position:relative;padding:30px;border-radius:28px;background:rgba(255,255,255,.92);border:1px solid rgba(8,127,140,.17);box-shadow:var(--shadow);display:flex;flex-direction:column}.price-card.popular{transform:translateY(-12px);border:2px solid var(--ocean)}.popular-label{position:absolute;top:-15px;right:24px;padding:7px 12px;border-radius:99px;background:var(--ocean);color:#fff;font-size:.76rem;font-weight:800}.price-top h3{margin:18px 0 8px}.price{font-size:3rem;font-weight:800;letter-spacing:-.05em}.price small{font-size:1rem;margin-right:5px}.price span{font-size:.9rem;color:var(--muted);letter-spacing:0}.price-card ul{flex:1}.secondary-plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.secondary-plans div{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid var(--line)}.secondary-plans span{color:var(--muted);font-size:.9rem}.secondary-plans strong{color:var(--ocean)}
.faq-list{display:grid;gap:12px}.faq-list details{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{margin-bottom:0}
.cta-section{padding:70px 0 110px}.cta-card{padding:78px 40px;border-radius:36px;text-align:center;background:linear-gradient(135deg,var(--ocean-dark),var(--ocean));color:#fff;box-shadow:var(--shadow)}.cta-card h2{max-width:920px;margin:16px auto}.cta-card p{color:#d2e5e7;max-width:720px;margin:18px auto}.center-actions{justify-content:center}
footer{padding:36px 0;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.footer-grid p{margin:0}.footer-links{display:flex;gap:18px;font-size:.9rem}
.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{display:none}.menu-btn{display:block}.btn-nav{display:none}.hero-grid,.two-col,.comparison-grid{grid-template-columns:1fr}.hero{padding:125px 0 90px}.hero-card{max-width:720px}.trust-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid,.integration-grid{grid-template-columns:1fr}.price-card.popular{transform:none}.secondary-plans{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.reverse-mobile .experience-image{order:2}}
@media(max-width:620px){.container{width:min(calc(100% - 24px),var(--max))}.section{padding:78px 0}h1{font-size:clamp(2.8rem,14vw,4.2rem)}.hero-actions .btn{width:100%}.mini-flow{grid-template-columns:1fr}.mini-flow i{transform:rotate(90deg)}.trust-grid,.benefit-grid,.check-grid{grid-template-columns:1fr}.secondary-plans div{grid-template-columns:1fr}.experience-image img{height:470px}.cta-card{padding:60px 22px}.hero-proof{display:grid}.automation-flow{align-items:flex-start;justify-content:flex-start}.automation-flow i{transform:rotate(90deg)}}


/* Navegação com dois CTAs */
.nav-actions{display:flex;align-items:center;gap:10px}
.btn-partner{background:#fff;color:var(--ocean);border-color:rgba(8,127,140,.24);box-shadow:none}
button.btn{font:inherit;cursor:pointer}

/* Infográfico em largura integral */
.ecosystem-visual-section{padding:96px 0 60px;background:linear-gradient(180deg,#fff,#f3fbfa);overflow:hidden}
.compact-heading{margin-bottom:24px}
.compact-heading h2{max-width:850px;font-size:clamp(2rem,3.8vw,3.6rem)}
.ecosystem-full-image{width:100%;max-width:1600px;margin:0 auto;padding:0 18px}
.ecosystem-full-image img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 36px rgba(4,59,67,.11))}
.ecosystem-message-card{position:relative;z-index:2;padding:34px;border-radius:26px;background:rgba(6,31,38,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);box-shadow:0 28px 80px rgba(0,0,0,.3)}
.ecosystem-message-card h3{font-size:2rem;margin:16px 0;color:#fff}
.ecosystem-message-card p{color:#c7d6d8}
.ecosystem-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.ecosystem-points span{padding:13px 14px;border-radius:14px;background:rgba(81,209,203,.12);border:1px solid rgba(81,209,203,.26);color:#dffffd;font-weight:700;font-size:.9rem}

/* Modal de cadastro */
.profile-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
.profile-modal.open{display:flex}
.profile-modal-backdrop{position:absolute;inset:0;background:rgba(8,28,34,.58);backdrop-filter:blur(8px)}
.profile-modal-dialog{position:relative;width:min(940px,100%);padding:42px;border-radius:30px;background:#fff;box-shadow:0 36px 100px rgba(5,41,48,.28);max-height:calc(100vh - 40px);overflow:auto}
.profile-modal-close{position:absolute;top:18px;right:20px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#f7fbfb;color:var(--ink);font-size:1.7rem;line-height:1;cursor:pointer}
.profile-modal-header{text-align:center;max-width:700px;margin:0 auto 30px}
.profile-modal-header .eyebrow{justify-content:center}
.profile-modal-header h2{font-size:clamp(2rem,4vw,3.3rem);margin:12px 0}
.profile-modal-header p{margin:0;font-size:1.05rem}
.profile-options{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.profile-option{appearance:none;text-align:center;padding:30px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fcfc);cursor:pointer;transition:.24s;box-shadow:var(--shadow-soft);color:var(--ink)}
.profile-option:hover{transform:translateY(-6px);border-color:rgba(8,127,140,.38);box-shadow:var(--shadow)}
.profile-option strong,.profile-option>span,.profile-option em{display:block}
.profile-option strong{font-size:1.35rem;margin-top:18px}
.profile-option>span:not(.profile-icon){color:var(--muted);margin-top:8px;min-height:48px}
.profile-option em{display:inline-flex;margin-top:18px;padding:10px 16px;border-radius:999px;background:var(--aqua-soft);color:var(--ocean);font-style:normal;font-weight:800}
.profile-icon{width:178px;height:178px;border-radius:50%;margin:0 auto;display:grid!important;place-items:center;border:3px solid rgba(8,127,140,.12);background:linear-gradient(145deg,#e8fbf8,#fffaf1);color:var(--ocean)}
.profile-icon svg{width:92px;height:92px}
.establishment-icon{background:linear-gradient(145deg,#fff4dc,#e9fbf8);color:#d4843b}
body.modal-open{overflow:hidden}

@media(max-width:980px){
  .nav-actions{margin-left:auto}
  .ecosystem-full-image{min-width:980px;transform:translateX(calc((100vw - 980px)/2))}
}
@media(max-width:760px){
  .nav-actions .btn-partner{display:none}
  .profile-modal-dialog{padding:34px 20px 24px}
  .profile-options{grid-template-columns:1fr}
  .profile-icon{width:140px;height:140px}
  .profile-icon svg{width:74px;height:74px}
  .ecosystem-points{grid-template-columns:1fr}
}
@media(max-width:620px){
  .ecosystem-visual-section{padding:72px 0 34px}
  .ecosystem-full-image{min-width:850px;transform:translateX(calc((100vw - 850px)/2));padding:0}
}