/* ERP Instfy - page components built on the shared Instfy design system (ds.css) */

/* Brand mark: Instfy asterisk on lime */
.logo-mark{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23B5E61D'/%3E%3Cg stroke='%230B3D2E' stroke-width='6.4' stroke-linecap='round'%3E%3Cpath d='M32 17v30M19 24.5l26 15M19 39.5l26-15'/%3E%3C/g%3E%3C/svg%3E") center/100% no-repeat}

.nav .btn-ghost{border-color:var(--linha)}
.nav .btn-ghost:hover{border-color:var(--floresta)}
.nav-cta{display:flex;gap:8px}
@media (max-width:1080px){.nav-cta{display:none}.nav.open .nav-cta{display:flex;flex-wrap:wrap;order:4;width:100%}.nav.open .nav-cta .btn{flex:1;margin:12px 0 4px}}

.kicker{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--display);color:var(--mata);margin-bottom:18px;letter-spacing:.02em}
.kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--broto);box-shadow:0 0 0 3px #eef6e2}

/* Hero floating dashboard card */
.dash-card{position:absolute;z-index:3;left:-8%;bottom:7%;width:min(360px,66%);background:#fff;border-radius:var(--r-md);padding:14px;box-shadow:0 30px 60px -24px #0b3d2e73}
.dash-card .slot{aspect-ratio:16/10;border-radius:12px;background:repeating-linear-gradient(135deg,rgba(27,107,58,.07) 0 2px,transparent 2px 14px),#eef3ea}
.dash-card .slot-label{left:12px;bottom:12px;font-size:12px}
.dash-card .slot-label:before{width:22px;height:22px;background-size:14px;margin-bottom:6px}
.dash-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 6px 4px}
.dash-meta strong{display:block;font:600 18px/1.1 var(--display);color:var(--floresta)}
.dash-meta span{font-size:13px;color:var(--cinza)}
.dash-meta i{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--broto);display:grid;place-items:center;color:var(--floresta)}
.dash-meta i svg{width:20px;height:20px}
.stat-chip{position:absolute;z-index:3;right:6%;top:9%;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:var(--r-pill);background:var(--floresta);color:#fff;font:500 14px/1.2 var(--texto);box-shadow:0 20px 40px -20px #0b3d2e99}
.stat-chip b{display:block;font:600 17px/1 var(--display);color:var(--broto)}
.stat-chip i{width:34px;height:34px;border-radius:50%;background:var(--broto);display:grid;place-items:center;color:var(--floresta)}
.stat-chip i svg{width:18px;height:18px}
@media (prefers-reduced-motion:no-preference){.dash-card{animation:rise .9s 1.1s cubic-bezier(.2,.7,.2,1) both}.stat-chip{animation:rise .9s 1.4s cubic-bezier(.2,.7,.2,1) both}}
@media (max-width:860px){.dash-card{left:0;bottom:-24px}.stat-chip{right:calc(var(--gutter) + 8px)}}

/* Answer block spacing */
.answer-sec{padding:0 0 clamp(24px,4vw,48px)}

/* Module cards */
.mods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;margin:0;padding:0}
.mod{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-md);overflow:hidden;border:1.5px solid transparent;transition:border-color .2s,transform .2s;text-decoration:none;height:100%}
.mod:hover{border-color:var(--mata);transform:translateY(-2px)}
.mod .slot{aspect-ratio:16/10;border-radius:0}
.mod .slot .slot-label{left:14px;bottom:14px;font-size:12px}
.mod .slot .slot-label:before{width:24px;height:24px;background-size:15px;margin-bottom:6px}
.mod-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.mod-ico{width:44px;height:44px;border-radius:50%;background:var(--musgo);display:grid;place-items:center;color:var(--mata);margin-top:-44px;position:relative;z-index:2;box-shadow:0 0 0 5px #fff}
.mod-ico svg{width:22px;height:22px}
.mod h3{font-size:24px;font-weight:600}
.mod p{font-size:15px;color:var(--cinza)}
.mod ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mod ul li{padding:5px 11px;border-radius:var(--r-pill);background:var(--nevoa);font:500 13px/1.2 var(--texto);color:var(--floresta)}
.mod .more{margin-top:auto;padding-top:10px;font:600 15px/1 var(--display);color:var(--floresta);display:inline-flex;align-items:center;gap:6px}
.mod .more svg{width:16px;height:16px;transition:transform .2s}
.mod:hover .more svg{transform:translateX(3px)}
.mods-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:20px 24px;border-radius:var(--r-md);background:var(--musgo)}
.mods-foot p{font-size:16px;color:var(--floresta)}
.mods-foot p b{font-family:var(--display);font-weight:600}
@media (max-width:1080px){.mods{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.mods{grid-template-columns:1fr}}

/* Feature deep dives (alternating) */
.feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.feat+.feat{margin-top:clamp(64px,9vw,120px)}
.feat.rev .feat-media{order:2}
.feat-media{position:relative;height:clamp(380px,42vw,560px)}
.feat-media>.slot{position:absolute;inset:0;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 160px}
.feat.rev .feat-media>.slot{border-radius:var(--r-lg) var(--r-lg) 160px var(--r-lg)}
.feat-media .float{position:absolute;z-index:2;right:-5%;bottom:-6%;width:min(260px,52%);background:#fff;border-radius:var(--r-md);padding:12px;box-shadow:0 30px 60px -24px #0b3d2e59}
.feat.rev .feat-media .float{right:auto;left:-5%}
.feat-media .float .slot{aspect-ratio:4/3;border-radius:10px;background:#eef3ea}
.feat-media .float .slot-label{font-size:12px;left:10px;bottom:10px}
.feat-media .float .slot-label:before{width:22px;height:22px;background-size:14px;margin-bottom:6px}
.feat h2{font-size:clamp(38px,4.4vw,58px);font-weight:600;margin-bottom:18px}
.feat h2 span{display:block;font-weight:300;color:var(--mata)}
.feat-lead{color:var(--cinza);margin-bottom:28px;max-width:50ch}
.feat .points{margin-bottom:28px}
@media (max-width:860px){.feat{grid-template-columns:1fr}.feat.rev .feat-media{order:0}.feat-media{height:340px}.feat-media .float,.feat.rev .feat-media .float{right:12px;left:auto;bottom:-20px}}

/* Band figures, 4 columns */
.figures.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1080px){.figures.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.figures.four{grid-template-columns:1fr}}

/* Ecosystem cards */
.eco{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:0;padding:0}
.eco a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;border-radius:var(--r-md);background:#fff;text-decoration:none;border:1.5px solid transparent;transition:border-color .2s}
.eco a:hover{border-color:var(--mata)}
.eco small{font:600 13px/1 var(--display);color:var(--mata);letter-spacing:.04em;text-transform:uppercase}
.eco h3{font-size:24px;font-weight:600}
.eco p{font-size:15px;color:var(--cinza)}
.eco .more{margin-top:auto;padding-top:8px;font:600 15px/1 var(--display);color:var(--floresta)}
.eco li.here a{background:var(--floresta)}
.eco li.here h3{color:#fff}.eco li.here p{color:#c9dcd0}.eco li.here small,.eco li.here .more{color:var(--broto)}
@media (max-width:1080px){.eco{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.eco{grid-template-columns:1fr}}

/* Gallery of product screens */
.gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px}
.gallery .slot{border-radius:var(--r-md)}
.gallery .slot:first-child{grid-row:span 2}
.gallery .slot:nth-child(4){grid-column:span 2}
@media (max-width:860px){.gallery{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:200px}.gallery .slot:first-child{grid-column:span 2;grid-row:auto;min-height:260px}.gallery .slot:nth-child(4){grid-column:span 2}}

.lp-cta .btn-ghost.light{border-color:#ffffff80}
.sec.tight-top{padding-top:0}

/* Hero tuning for longer ERP headline */
.hero h1{font-size:clamp(48px,5.6vw,88px)}
.hero h1 span{font-size:.82em;line-height:1}
.hero-media>.slot .slot-label{inset:auto 28px 28px auto}
.mod .slot .slot-label{top:14px;bottom:auto}
.feat-media>.slot .slot-label{top:24px;bottom:auto;left:24px}
.feat.rev .feat-media>.slot .slot-label{left:auto;right:24px;align-items:flex-end;text-align:right}
.feat h2{font-size:clamp(34px,3.6vw,50px)}
.site-footer{margin-top:0}
@media (max-width:1080px){.lang-switch{margin-left:auto}.menu-toggle{margin-left:8px!important}}
.lp-media .slot .slot-label{left:auto;right:24px;align-items:flex-end;text-align:right}
.lp-chips.links a{background:var(--nevoa)}
.logo-img{display:block;height:40px;width:auto}
.site-footer .logo-img{height:44px}
@media (max-width:400px){.logo-img{height:34px}}
/* Automation + AI block */
.ai-sec{border-radius:var(--r-lg);margin:0 var(--gutter)}
.ai-media{position:relative;height:clamp(360px,40vw,560px)}
.ai-media>.slot{position:absolute;inset:0;border-radius:var(--r-lg) var(--r-lg) 180px var(--r-lg)}
.ai-uses{grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.ai-sec{margin:0;border-radius:0}.ai-media{height:320px}.ai-uses{grid-template-columns:1fr}}