/* APIcultura - estilos da landing e da pagina Ferramentas (usa tokens do DS v2) */
.hero{position:relative;padding:clamp(120px,16vw,170px) 0 clamp(40px,6vw,80px);overflow:hidden;isolation:isolate}
.hero .wash{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 12% 20%,var(--hero-glow),transparent 70%),radial-gradient(50% 45% at 92% 12%,var(--aur-2),transparent 70%)}
.hero-copy{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:22px;max-width:880px;margin-inline:auto}
.hero .lead{margin-inline:auto;font-size:clamp(16px,1.9vw,20px)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.pill-note{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 7px;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--glass-edge);font:500 13px/1 var(--f-ui);color:var(--text-soft)}
.pill-note b{padding:5px 10px;border-radius:var(--r-pill);background:var(--accent);color:#2A1A00;font-weight:600;font-size:11.5px}
.stage{position:relative;z-index:2;margin-top:clamp(40px,6vw,72px);display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}
.stage .term-body{min-height:300px;font-size:13px}
.flow{position:relative;padding:20px;display:flex;flex-direction:column;min-height:340px;overflow:hidden}
.flow-tag{display:flex;justify-content:space-between;align-items:center;font:600 12px var(--f-ui);color:var(--text-mute);position:relative;z-index:3}
.flow-bees{position:relative;flex:1;min-height:240px}
.flow-bees svg.trail-svg{position:absolute;inset:0;width:100%;height:100%}
.flow-hive{position:absolute;bottom:0;display:grid;justify-items:center;gap:6px;font:600 11.5px var(--f-ui);color:var(--text-soft);text-align:center}
.flow-hive img{width:100%;height:auto;filter:drop-shadow(0 10px 14px rgba(80,50,0,.25))}
@media(max-width:900px){.stage{grid-template-columns:1fr}}
.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.stat{padding:22px;text-align:left}.stat b{display:block;font:500 clamp(30px,4vw,44px)/1 var(--f-ui);color:var(--ink);letter-spacing:-.03em;margin-bottom:6px}.stat span{font-size:13.5px;color:var(--text-soft)}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}}
.logos{margin-top:56px;position:relative;z-index:2}
.logos p{text-align:center;font:600 12px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);margin-bottom:22px}
.logos .ti{--s:30px;opacity:.75}
.persona-swap{transition:opacity .25s,transform .25s var(--ease-out)}.persona-swap.out{opacity:0;transform:translateY(-6px)}
.task{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px dashed var(--glass-edge);font-size:14.5px;color:var(--text-soft)}
.task:last-child{border:0}
.task .bx{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line-2);display:grid;place-items:center;flex:none;position:relative}
.task .bx svg{width:14px;height:14px;stroke:#2A1A00;stroke-width:2.6;transform:scale(0);transition:transform .4s var(--ease-expo)}
.task.run .bx{border-color:var(--accent)}.task.run .bx::after{content:"";position:absolute;inset:-1.5px;border-radius:7px;border:1.5px solid var(--accent);border-top-color:transparent;animation:spin .8s linear infinite}
.task.run{color:var(--ink)}
.task.done{color:var(--text-mute)}.task.done .bx{background:var(--accent);border-color:var(--accent)}.task.done .bx svg{transform:scale(1)}
.task .tg{margin-left:auto;font:500 11.5px var(--f-mono);color:var(--text-mute);opacity:0;transition:opacity .3s}.task.run .tg,.task.done .tg{opacity:1}
.agent-prog{margin-top:14px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.steps::before{content:"";position:absolute;left:8%;right:8%;top:34px;border-top:2px dashed var(--line-2);z-index:0}
.step{position:relative;z-index:1;text-align:center;display:grid;justify-items:center;gap:12px}
.step .hexn{width:68px;height:76px;display:grid;place-items:center;font:600 22px var(--f-ui);color:#2A1A00;background:linear-gradient(180deg,var(--honey-1),var(--honey-2));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.step p{color:var(--text-soft);font-size:14.5px;max-width:26ch}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}.steps::before{display:none}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
.apiary-banner{position:relative;margin:0 auto 34px;max-width:1100px}
.apiary-banner img{width:100%;height:auto;filter:drop-shadow(0 24px 30px rgba(60,38,0,.18))}
.hives{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:960px){.hives{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hives{grid-template-columns:1fr}}
.hive-card{display:grid;gap:10px;padding:20px;text-align:left;color:inherit}
.hive-card:hover{text-decoration:none}
.hive-card .top{display:flex;align-items:center;gap:14px}
.hive-card .top img{width:54px;height:72px;flex:none;transition:transform .25s var(--ease-out)}
.hive-card:hover .top img{transform:translateY(-6px) rotate(-3deg)}
.hive-card h3{font-size:18px}.hive-card .n{font:600 12px var(--f-ui);color:var(--accent-strong)}
.hive-card p{font-size:13.5px;color:var(--text-soft);margin:0}
.hive-card .icons{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.hive-card .icons .ti{--s:22px;opacity:.85}
.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.sec-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sec-grid{grid-template-columns:1fr}}
.sec-item{padding:22px;border-radius:var(--r-md);background:var(--glass);border:1px solid var(--glass-line);transition:transform .35s var(--ease-out),border-color .3s}
.sec-item:hover{transform:translateY(-4px);border-color:var(--accent)}
.sec-item .i{width:26px;height:26px;color:var(--accent);margin-bottom:14px}
.sec-item h4{color:var(--ink);margin-bottom:6px}.sec-item p{font-size:14px;color:var(--text-soft)}
.night-wrap{position:relative;overflow:hidden;border-radius:clamp(0px,3vw,40px);margin-inline:clamp(0px,2vw,24px)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
@media(max-width:900px){.plans{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}
.plan{display:grid;gap:18px;align-content:start;padding:30px}
.plan.pop{background:linear-gradient(180deg,var(--honey-1),var(--honey-2));color:#2A1A00;border-color:transparent;box-shadow:var(--sh-lg);--ink:#2A1A00;--text-soft:#4A3300;--text:#2A1A00;--line:rgba(42,26,0,.15)}
@media(max-width:900px){.plan.pop{transform:none}}
.plan .price{font:500 46px/1 var(--f-ui);letter-spacing:-.04em;color:var(--ink)}.plan .price small{font-size:14px;letter-spacing:0;color:var(--text-soft);font-weight:400}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:14.5px;color:var(--text)}
.plan li{display:flex;gap:10px;align-items:flex-start}.plan li .i{color:var(--accent-strong);margin-top:2px;width:18px;height:18px}.plan.pop li .i{color:#2A1A00}
.plan .btn{width:100%}
.plan.pop .btn{--bf:#4A2E00;--bt:#2A1A00;--bx:#fff}
.note{font-size:12.5px;color:var(--text-mute);text-align:center;margin-top:22px}
.try{padding:clamp(20px,3vw,34px);display:grid;gap:18px;max-width:900px;margin-inline:auto}
.try-row{display:flex;gap:10px;flex-wrap:wrap}.try-row .search{flex:1;min-width:220px}
.try-chips{display:flex;gap:8px;flex-wrap:wrap}
.try .term-body{min-height:210px}
.sim-tag{display:inline-flex;gap:8px;align-items:center;font:600 11.5px var(--f-ui);color:var(--warn);letter-spacing:.02em}
.cta{position:relative;overflow:hidden;border-radius:clamp(24px,4vw,48px);padding:clamp(48px,8vw,96px) clamp(20px,5vw,60px);text-align:center;background:linear-gradient(180deg,var(--honey-1),var(--honey-2));color:#2A1A00;isolation:isolate;--ink:#2A1A00;--text-soft:#4A3300}
.cta h2{color:#2A1A00}.cta .lead{color:#4A3300;margin-inline:auto}
.cta .pattern-comb{position:absolute;inset:0;opacity:.7;z-index:-1;-webkit-mask-image:radial-gradient(70% 90% at 50% 100%,#000,transparent);mask-image:radial-gradient(70% 90% at 50% 100%,#000,transparent)}
.cta .btn{--bf:#4A2E00;--bt:#2A1A00;--bx:#fff}
.cta .btn.ghost{background:rgba(255,255,255,.4);color:#2A1A00;border-color:rgba(42,26,0,.2)}
.cta-inner{position:relative;display:grid;gap:22px;justify-items:center}
/* ajustes pos-screenshot */
.hero h1{font-size:clamp(38px,6.2vw,72px)}
.hero-copy{max-width:1000px}
[data-term]{white-space:normal}
.tl{white-space:pre-wrap;min-height:1.65em}
.cmd{min-width:0}
.section{padding:clamp(64px,8vw,112px) 0}
.apiary-banner img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.aurora.mid{-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .badge.good{background:rgba(31,143,85,.18);color:#6FE0A0}:root:not([data-theme="light"]) .badge.warn{background:rgba(183,101,11,.22);color:#FFB45E}:root:not([data-theme="light"]) .badge.bad{background:rgba(192,57,43,.22);color:#FF8F82}:root:not([data-theme="light"]) .badge.info{background:rgba(47,111,181,.22);color:#8DBDF2}}
.flow-hive.mid{left:36%!important;width:28%!important}
.flow-hive.s{width:19%!important}
@media(max-width:600px){.stage .term-body{font-size:11.5px;padding:14px}.pill-note{font-size:12px}}
@media(max-width:640px){.rain{opacity:.45}}
.hero h1{text-wrap:balance}