/* FacilitaZap: navy and teal, with clearer typography and a quieter finish. */
:root{--muted:#afbed3;--muted2:#92a5bf;--border2:rgba(176,199,224,.15);--shadow:0 24px 64px rgba(0,0,0,.28)}
body{line-height:1.6}
section[id]{scroll-margin-top:96px}
button,input,select,textarea{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #78e7ca;outline-offset:5px}
nav{padding-inline:max(5vw,calc((100vw - 1240px)/2));height:80px}
.nav-logo img{height:44px}
.nav-links{gap:26px}
.nav-links a{color:#c3cfe0;font-size:.9rem}
.hero{min-height: min(900px,100svh);padding:152px 6vw 104px}
.hero-inner{max-width:1240px;gap:60px;grid-template-columns:1.08fr 1fr}
.hero-title,.section-h,.cta-band-inner h2,.form-card h3{font-family:'DM Sans',sans-serif;letter-spacing:-.045em}
.hero-title{font-size:clamp(2.7rem,4.6vw,4.3rem);line-height:1.09;font-weight:700}
.hero-title .line-muted{color:#d0daea}
.hero-eyebrow{color:#80e3c7;font-size:.7rem;letter-spacing:.11em;margin-bottom:24px}
.hero-sub{font-size:1.08rem;margin-top:24px;max-width:530px}
.hero-grid{opacity:.5}
.orb{opacity:.45;animation:none}
.section-h{font-size:clamp(2rem,3.5vw,3rem);line-height:1.16}
.section-desc{font-size:1rem;line-height:1.8}
.section-label{color:#78dec1;letter-spacing:.13em}
.cta-primary,.nav-cta,.pl-btn-fill,.form-submit{background:#46c5a3;color:#092b28;box-shadow:0 8px 24px rgba(42,170,138,.13);border-radius:12px;font-weight:700;justify-content:center;min-height:48px}
.cta-primary:hover,.nav-cta:hover,.pl-btn-fill:hover,.form-submit:hover{background:#79dfc4;box-shadow:0 12px 28px rgba(42,170,138,.2)}
.cta-secondary,.pl-btn-outline{border-color:rgba(190,212,234,.28);border-radius:12px;justify-content:center;min-height:48px}
.hero-trust{gap:22px;border-top:1px solid var(--border2);padding-top:25px;flex-wrap:wrap}
.trust-num,.pl-price{font-family:'DM Sans',sans-serif;letter-spacing:-.04em}
.trust-label{font-size:.65rem}
.dashboard-mock{border-radius:22px;box-shadow:0 30px 70px #0005,0 0 0 8px #ffffff03}
.floating-badge{box-shadow:0 12px 32px #0004;backdrop-filter:blur(16px)}
.rec-card,.pl-card,.form-card{border:1px solid var(--border2);border-radius:20px;background:linear-gradient(145deg,#152a44,#0e2036);box-shadow:0 8px 28px #0002}
.rec-card{padding:28px;transition:border-color .2s,transform .2s}
.rec-card:hover{border-color:#46c5a380}
.rec-card p{line-height:1.8}
.pl-grid{gap:24px;align-items:stretch}
.pl-card{padding:32px 28px}
.pl-card.featured{transform:none;border-color:#46c5a3;box-shadow:0 12px 44px #2aaa8a15}
.pl-card.featured:hover{transform:translateY(-6px)}
.pl-tag{background:#46c5a3;color:#092b28}
.pl-features{padding-bottom:12px}
.pl-btn{margin-top:28px}
.cta-band-inner{border-radius:28px;background:radial-gradient(ellipse at top,#234e63 0%,#112942 65%);border-color:#46c5a34d}
.form-card{padding:36px}
.fg input,.fg select,.fg textarea{background:#0a192b;border-color:#8fa9c044;border-radius:10px;min-height:48px;color:#f4f8ff}
.fg label{letter-spacing:.03em;text-transform:none;font-size:.86rem}
.faq-item{padding:0 20px;margin-bottom:12px;border:1px solid var(--border2);border-radius:14px;background:#112238}
.faq-q{gap:16px;min-height:72px}
.faq-item.open{border-color:#46c5a370}
.faq-item.open .faq-a{max-height:none}
.wa-float{background:#21876e;box-shadow:0 8px 28px #0005;bottom:24px;right:24px}
.wa-ping{display:none}
.hamburger{background:none;border:1px solid var(--border2);border-radius:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
@media(min-width:769px) and (max-width:1100px){.hero-inner{gap:30px}.nav-links{gap:16px}.hero-trust{gap:14px}.floating-badge{display:none}}
@media(max-width:768px){
 nav{height:72px;padding-inline:20px;gap:12px}.nav-logo img{height:34px}.nav-cta{margin-left:auto;padding:10px 14px;font-size:.8rem}.nav-cta svg{display:none}
 .nav-links.is-open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px;background:#0a1525;border-bottom:1px solid var(--border2);box-shadow:0 18px 28px #0004}
 .nav-links a{display:block;padding:12px 0}.hero{min-height:auto;padding:116px 24px 64px}.hero-inner{grid-template-columns:1fr;gap:44px}.hero-title{font-size:clamp(2.5rem,7.5vw,3.7rem)}
 .hero-right{display:block;max-width:540px;width:100%;margin:auto}.floating-badge{display:none}.hero-sub{font-size:1rem}.hero-ctas{margin-bottom:30px}
 .hero-trust{justify-content:space-between;gap:12px}.trust-divider{display:none}.trust-num{font-size:1.4rem}.trust-label{font-size:.6rem}
 .form-card{padding:26px}.rec-card{padding:24px}.pl-grid{gap:28px}.cta-band-inner{padding:40px 24px}.wa-float{width:52px;height:52px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
 .wa-tooltip{display:none}footer{padding-bottom:90px}
}
@media(max-width:420px){.hero-eyebrow{font-size:.6rem;padding:6px 10px}.hero-ctas>*{width:100%;padding-inline:18px}.nav-logo img{height:28px}.nav-cta{padding-inline:10px}.mock-sidebar{display:none}.form-card{padding:22px}.hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:20px}}
.hero-inner>*,.org-inner>*,.form-inner>*{min-width:0}.org-tabs{flex-wrap:wrap}.org-tab{min-width:0}
@media(max-width:360px){nav{padding-inline:12px;gap:8px}.nav-logo img{height:23px}.nav-cta{font-size:.72rem}.hero-title{font-size:2.25rem}.hero-eyebrow{letter-spacing:.04em}.org-tab{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.rec-card,.pl-card,.step-item,.feat,.conv-row{opacity:1!important;transform:none!important}}

/* Official API section — same FacilitaZap visual system. */
.api-section{padding:72px 6vw;background:#0c1b2e}.api-shell{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.api-copy .section-h{margin:18px 0 24px}.api-copy .cta-primary{margin-top:28px}.api-note{font-size:.82rem;color:var(--muted);margin-top:18px;max-width:520px}.api-options{display:grid;gap:18px;min-width:0}.api-option{padding:28px;border:1px solid #46c5a340;border-radius:20px;background:linear-gradient(145deg,#17334c,#10243b)}.api-option h3{font-size:1.2rem;margin:12px 0}.api-option p{font-size:.92rem;color:var(--muted);line-height:1.8}.api-option a{display:inline-block;margin-top:18px;color:#80e3c7;font-size:.85rem}.api-option .rec-tag{color:#80e3c7;font-size:.75rem}.api-copy{min-width:0}@media(max-width:768px){.api-section{padding:56px 24px}.api-shell{grid-template-columns:1fr;gap:32px}.api-option{padding:24px}.api-copy .cta-primary{width:100%;font-size:.9rem;padding-inline:16px}}

.plan-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#80e3c7;font-weight:700;margin-bottom:18px}
.product-shot{margin:0;border:1px solid #46c5a34d;border-radius:18px;overflow:hidden;background:#11263d;box-shadow:0 20px 48px #0003}.product-shot>a{display:block;overflow:hidden}.product-shot img{display:block;width:100%;height:auto}.product-shot figcaption{padding:16px 20px;color:#afbed3;font-size:.78rem;line-height:1.6}.product-shot figcaption strong{display:block;color:#f4f8ff;font-size:1.1rem;margin-bottom:6px}.product-shot figcaption p{margin-bottom:10px}.product-shot figcaption span{color:#80e3c7}.hero-right .product-shot{transform:rotate(-1deg)}.screens-section{padding:72px 6vw;background:#0a1525}.screens-inner{max-width:1200px;margin:auto}.screens-inner>.section-h{margin:18px 0}.screens-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}.screens-note{color:var(--muted);font-size:.78rem;margin-top:20px}.screens-grid .product-shot>a{aspect-ratio:2.03;background:#eff3f8}.screens-grid img{height:100%;object-fit:contain}@media(max-width:768px){.screens-grid{grid-template-columns:1fr}.screens-section{padding:56px 24px}.hero-right .product-shot{transform:none}}
