:root{--ht:#ffbf2e;
  --bg:#0d0a07;--bg2:#15100a;--card:#1b150d;--card2:#221a10;--line:#3a2d17;--ink:#f7efdc;--mute:#b9a98a;
  --honey:#ffbf2e;--honey2:#ffe27a;--amber:#ee8a00;--on:#2a1900;--glow:rgba(255,191,46,.16);--ok:#7ed9a7;--vio:#a994ff
}
@media (prefers-color-scheme:light){:root{--ht:#9a5200;--bg:#fff9ec;--bg2:#fff2d4;--card:#fffdf6;--card2:#fff6dc;--line:#ecd7a4;--ink:#2a1d07;--mute:#6f5b36;--glow:rgba(238,138,0,.16);--vio:#5b46d6}}
:root[data-theme=dark]{--ht:#ffbf2e;--bg:#0d0a07;--bg2:#15100a;--card:#1b150d;--card2:#221a10;--line:#3a2d17;--ink:#f7efdc;--mute:#b9a98a;--glow:rgba(255,191,46,.16);--vio:#a994ff}
:root[data-theme=light]{--ht:#9a5200;--bg:#fff9ec;--bg2:#fff2d4;--card:#fffdf6;--card2:#fff6dc;--line:#ecd7a4;--ink:#2a1d07;--mute:#6f5b36;--glow:rgba(238,138,0,.16);--vio:#5b46d6}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--bg);color:var(--ink);font:17px/1.62 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,100% - 32px);margin-inline:auto}
h1,h2,h3{line-height:1.1;letter-spacing:-.02em}
.hl{color:var(--honey)}
.hexbg{position:fixed;inset:0;z-index:-1;opacity:.55;background:radial-gradient(60% 50% at 85% 0%,var(--glow),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 2l26 15v30L28 62 2 47V17zM28 64v30' fill='none' stroke='%23ffbf2e' stroke-opacity='.09' stroke-width='1.2'/%3E%3C/svg%3E");animation:drift 70s linear infinite}
@keyframes drift{to{background-position:0 0,56px 97px}}

/* aviso de desarrollo */
.devbar{background:var(--honey);color:var(--on);text-align:center;font-weight:700;font-size:14px;padding:8px 16px}
.devbar span{font-weight:500}
.soon{display:inline-block;font-size:12px;font-weight:700;padding:3px 12px;border-radius:99px;border:1px solid var(--honey);color:var(--honey);vertical-align:middle}
.road{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
@media(max-width:800px){.road{grid-template-columns:1fr}}
.road>div{border:1px solid var(--line);border-radius:24px;background:var(--card);padding:24px}
.road h3{font-size:20px;margin-bottom:12px;display:flex;gap:10px;align-items:center}
.road ul{list-style:none;padding:0;display:grid;gap:9px;color:var(--mute);font-size:15.5px}
.road .now li::before{content:"✓ ";color:var(--ok);font-weight:800}
.road .next li::before{content:"◌ ";color:var(--honey);font-weight:800}

/* navegación */
nav{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid transparent;transition:border-color .3s}
nav.sc{border-color:var(--line)}
nav .wrap{display:flex;align-items:center;gap:16px;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}
.brand img{width:30px;height:30px}
nav .links{margin-left:auto;display:flex;gap:20px;color:var(--mute);font-size:15px}
nav .links a{padding:6px 2px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
nav .links a:hover,nav .links a.on{color:var(--ink);border-color:var(--honey)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font:inherit;font-weight:700;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);border-color:var(--honey)}
.btn.pri{background:var(--honey);color:var(--on);border-color:var(--honey);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.btn.pri:hover{background:var(--honey2);box-shadow:0 10px 22px rgba(0,0,0,.32)}
.btn.sm{padding:8px 16px;font-size:14px}
#th{width:40px;height:40px;padding:0}
.langsw{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:14px;transition:border-color .2s,transform .2s}.langsw:hover{border-color:var(--honey);transform:translateY(-2px)}
@media(max-width:980px){nav .links{display:none}nav .soon{margin-left:auto}}

/* héroe */
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:56px 0 30px;min-height:calc(100svh - 66px)}
.pill{display:inline-flex;gap:9px;align-items:center;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--mute);font-size:14px;background:var(--card)}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}
.hero h1{font-size:clamp(40px,6vw,74px);margin:20px 0 18px}
.lead{font-size:clamp(17px,1.9vw,21px);color:var(--mute);max-width:33em}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.stats{display:flex;gap:34px;margin-top:40px;flex-wrap:wrap}
.stats b{display:block;font-size:34px;color:var(--honey);font-variant-numeric:tabular-nums}
.stats span{color:var(--mute);font-size:14px}
.hive{position:relative;width:min(520px,100%);aspect-ratio:1;margin-inline:auto}
.hive .cell{position:absolute;width:30%;aspect-ratio:1/1.1547;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--line);display:grid;place-items:center;transition:transform .35s;animation:bob 5.5s ease-in-out infinite}
.hive .cell::before{content:"";position:absolute;inset:2px;clip-path:inherit;background:var(--card)}
.hive .cell.q::before{background:var(--card2)}
.hive .cell.q{background:var(--honey)}
.hive .cell svg{position:relative;width:78%;height:78%}
.hive .cell:hover{transform:scale(1.1);z-index:3}
@keyframes bob{50%{translate:0 -9px}}
.hive .tipt{position:absolute;left:50%;bottom:-6%;translate:-50%;font-size:13px;color:var(--mute);background:var(--card);border:1px solid var(--line);padding:4px 12px;border-radius:99px;white-space:nowrap}
.hive .lines{position:absolute;inset:0;width:100%;height:100%}
.hive .lines line{stroke:var(--honey);stroke-width:2;stroke-dasharray:5 9;opacity:.55;animation:dash 1.7s linear infinite;vector-effect:non-scaling-stroke}
@keyframes dash{to{stroke-dashoffset:-28}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:34px}}

/* secciones */
section{padding:96px 0}
section.alt{background:var(--bg2)}
.eyebrow{color:var(--honey);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;display:block}
section h2{font-size:clamp(30px,4.2vw,50px);margin:10px 0 14px;max-width:19em}
.sub{color:var(--mute);max-width:42em;font-size:18px}
.rev{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.rev.in{opacity:1;transform:none}

.marq{overflow:hidden;border-block:1px solid var(--line);background:var(--bg2);padding:18px 0;mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marq div{display:flex;gap:46px;width:max-content;animation:mq 38s linear infinite;color:var(--mute);font-weight:700;font-size:19px;white-space:nowrap}
.marq:hover div{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* dispositivos: réplica ilustrada de la interfaz real (no son capturas) */
.devs{position:relative;margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:26px;align-items:end}
.devs>*{min-width:0;max-width:100%}
@media(max-width:900px){.devs{grid-template-columns:minmax(0,1fr);justify-items:center}}
@media(max-width:700px){.laptop{display:none}}
.laptop{grid-row:1/3;width:100%}
.lscreen{border:10px solid #2a2118;border-bottom-width:14px;border-radius:18px 18px 6px 6px;background:#0d0c0a;overflow:hidden;aspect-ratio:1.6;box-shadow:0 24px 50px rgba(0,0,0,.4)}
.lbase{height:14px;margin:0 -4%;border-radius:0 0 18px 18px;background:linear-gradient(#3b2f21,#1d1710)}
.app{--abg:#0d0c0a;--apan:#15130f;--apan2:#1c1913;--aline:#26221a;--aline2:#352f22;--atext:#f1ece0;--adim:#9c9582;--afaint:#6a6350;--aacc:#f6b93b;
  display:grid;grid-template-columns:27% 1fr;height:100%;font:11px/1.4 ui-sans-serif,system-ui,sans-serif;color:var(--atext);background:var(--abg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 2l26 15v30L28 62 2 47V17zM28 64v30' fill='none' stroke='%23f6b93b' stroke-opacity='.05'/%3E%3C/svg%3E")}
.app *{box-sizing:border-box}
.aside{background:var(--abg);border-right:1px solid var(--aline);padding:10px 7px 8px;display:flex;flex-direction:column;min-width:0}
.abrand{display:flex;align-items:center;gap:7px;padding:0 6px 8px}
.abrand svg.hx{width:18px;height:18px;flex:none}
.abrand b{font-size:12.5px;color:#ffe3a1;display:block;line-height:1.1}.abrand small{color:var(--afaint);font-size:8.5px}
.abrand .bell{margin-left:auto;font-size:11px}
.asec{display:flex;justify-content:space-between;margin:8px 5px 3px 6px;font-size:8.5px;font-weight:600;color:var(--afaint);text-transform:uppercase;letter-spacing:.08em}
.ait{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:7px;color:var(--adim);transition:background .3s,color .3s;white-space:nowrap;overflow:hidden}
.ait svg.bee{width:17px;height:17px;flex:none}
.ait .t{flex:1;overflow:hidden;text-overflow:ellipsis}.ait .n{font-size:8.5px;color:var(--afaint)}
.ait.on{background:var(--apan2);color:var(--atext)}
.afoot{margin-top:auto;border-top:1px solid var(--aline);padding-top:5px;display:grid;gap:1px}
.afoot .ait{padding:4px 6px}.afoot svg.ic{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.amain{position:relative;min-width:0;display:flex;flex-direction:column}
.ahd{display:flex;align-items:center;gap:7px;padding:8px 12px;min-height:34px;border-bottom:1px solid transparent}
.ahd svg.bee{width:20px;height:20px}.ahd b{font-size:12px}
.pillc{font-size:8.5px;color:var(--aacc);border:1px solid var(--aacc);border-radius:99px;padding:0 6px}
.ahd .dim{color:var(--afaint);font-size:9px}.ahd .r{margin-left:auto;color:var(--adim);display:flex;gap:9px}
.abody{position:relative;flex:1;min-height:0}
.as{position:absolute;inset:0;padding:6px 14px;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;pointer-events:none;overflow:hidden}
.as.on{opacity:1;transform:none}
.umsg{display:flex;justify-content:flex-end;margin:8px 0}.umsg span{background:var(--apan2);border-radius:14px;padding:6px 11px;max-width:80%}
.bmsg{margin:8px 0}.bmsg p{margin:2px 0}.bmsg ul{margin:3px 0 3px 14px;padding:0}
.tchip{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--adim);border:1px solid var(--aline2);border-radius:99px;padding:1px 8px;margin-bottom:4px}
.acts{display:flex;gap:9px;color:var(--afaint);font-size:10px;margin-top:3px;align-items:center}
.dots{display:inline-flex;gap:3px;margin-top:5px}.dots i{width:5px;height:5px;border-radius:50%;background:var(--adim);animation:dt 1.2s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dt{40%{translate:0 -4px;opacity:.5}}
.acomp{padding:6px 14px 10px}
.acbox{display:flex;align-items:center;gap:7px;background:var(--apan);border:1px solid var(--aline2);border-radius:99px;padding:5px 6px 5px 12px;color:var(--afaint)}
.acbox span{flex:none}.acbox span:nth-child(2){flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.acbox .snd{width:20px;height:20px;border-radius:50%;background:var(--apan2);display:grid;place-items:center;color:var(--adim)}
.cv{position:absolute;inset:4px 8px;border:1px solid var(--aline);border-radius:10px;overflow:hidden}
.cv svg{width:100%;height:100%;display:block}
.mgr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.chipsr{display:flex;gap:4px;margin:4px 0}.chipsr span{font-size:8.5px;border:1px solid var(--aline2);border-radius:99px;padding:0 7px;color:var(--adim)}.chipsr span.on{background:var(--aacc);color:#0d0c0a;border-color:var(--aacc)}
.searchb{background:var(--apan);border:1px solid var(--aline2);border-radius:99px;padding:4px 10px;color:var(--afaint);margin-top:3px}
/* móvil */
.phone{position:relative;width:206px;justify-self:center}
.pframe{border:8px solid #2a2118;border-radius:30px;aspect-ratio:9/18.5;overflow:hidden;position:relative;box-shadow:0 24px 50px rgba(0,0,0,.4);animation:bob 6s ease-in-out infinite;background:#0d0c0a}
.pframe::before{content:"";position:absolute;top:6px;left:50%;translate:-50%;width:54px;height:12px;border-radius:9px;background:#2a2118;z-index:5}
.pframe .app{display:flex;flex-direction:column;font-size:10.5px;padding-top:20px}
.pframe .ahd{padding:6px 10px}
.pframe .acomp{margin-top:auto}
.drawer{position:absolute;inset:0;left:0;width:78%;background:#0d0c0a;border-right:1px solid var(--aline);z-index:4;padding:24px 8px 8px;display:flex;flex-direction:column;translate:-102% 0;animation:drw 10s ease-in-out infinite;--aline:#26221a;--afaint:#6a6350;--adim:#9c9582;--atext:#f1ece0;--apan2:#1c1913;font:10px/1.4 ui-sans-serif,system-ui,sans-serif;color:#f1ece0}
.drawer .asec{margin:6px 4px 2px}
@keyframes drw{0%,42%{translate:-102% 0}50%,78%{translate:0 0}88%,100%{translate:-102% 0}}
.dim2{position:absolute;inset:0;background:#000;opacity:0;z-index:3;animation:dm 10s ease-in-out infinite;pointer-events:none}
@keyframes dm{0%,42%{opacity:0}50%,78%{opacity:.55}88%,100%{opacity:0}}
.toast{position:absolute;left:8px;right:8px;top:24px;background:#1c1913;border:1px solid #f6b93b;border-radius:12px;padding:6px 9px;font-size:9.5px;z-index:6;animation:toast 10s ease-in-out infinite;opacity:0;color:#f1ece0}
@keyframes toast{0%,6%{opacity:0;translate:0 -16px}12%,34%{opacity:1;translate:0 0}40%,100%{opacity:0;translate:0 -16px}}
/* tableta */
.tabx{border:10px solid #2a2118;border-radius:22px;background:#0d0c0a;width:100%;max-width:400px;aspect-ratio:1.28;box-shadow:0 24px 50px rgba(0,0,0,.4);overflow:hidden;grid-column:2}
@media(max-width:900px){.tabx{grid-column:1}}
.tabx .app{display:block;padding:10px 12px}
.trow{display:flex;align-items:center;gap:8px;background:var(--apan);border:1px solid var(--aline);border-radius:10px;padding:6px 8px;margin-top:5px}
.trow b{font-size:10px;display:block}.trow small{color:var(--afaint);font-size:8.5px}
.st{margin-left:auto;font-size:8.5px;border-radius:99px;padding:0 7px;border:1px solid var(--aline2);color:var(--adim)}.st.ok{color:#7ed9a7;border-color:#7ed9a7}.st.run{color:var(--aacc);border-color:var(--aacc)}
.gbar{height:6px;border-radius:9px;background:var(--apan2);overflow:hidden;margin-top:4px}.gbar i{display:block;height:100%;background:var(--aacc);width:0;animation:gl 5s ease-in-out infinite alternate}
@keyframes gl{to{width:var(--w)}}
.abrand img{width:20px;height:20px;flex:none}.abrand .pn{margin-left:auto;color:var(--adim)}.abrand .pn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.aqr{display:grid;grid-template-columns:1.5fr 1fr;gap:4px;margin:0 2px 4px}.aqr div{display:flex;align-items:center;gap:4px;border:1px solid var(--aline);border-radius:8px;padding:3px 6px;color:var(--adim);font-size:9px;white-space:nowrap;overflow:hidden}
.aqr svg,.asec svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.aqr kbd{margin-left:auto;font:8px ui-monospace,monospace;color:var(--afaint)}
.asec svg{width:9px;height:9px}
.ait svg.hv{width:30px;height:30px;flex:none;margin:-4px -2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.afoot .ait{padding:3px 6px}
.mkt2{display:flex;gap:4px;margin-top:2px}.mkt2 span{padding:2px 9px;border-bottom:2px solid transparent;color:var(--adim);font-size:9px}.mkt2 span.sel{color:var(--atext);border-color:var(--aacc)}
.mkc{background:var(--apan);border:1px solid var(--aline);border-radius:9px;padding:6px 7px;font-size:8.5px;color:var(--adim);display:grid;gap:3px}
.mkc .t{display:flex;gap:6px;align-items:center}.mkc svg{width:26px;height:26px;flex:none}.mkc b{display:block;color:var(--atext);font-size:9.5px}.mkc p{margin:0;line-height:1.3}
.mkc .f{display:flex;align-items:center;margin-top:2px}.mkc .f em{margin-left:auto;font-style:normal;background:var(--aacc);color:#0d0c0a;border-radius:99px;padding:0 8px;font-weight:700}
.searchb svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;vertical-align:-1px}
.stk{display:flex}.stk svg{width:16px!important;height:16px!important;margin-right:-4px}

/* demo interactiva */
.dmo{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;align-items:start}
@media(max-width:900px){.dmo{grid-template-columns:1fr}}
.dwin{border:10px solid #2a2118;border-bottom-width:14px;border-radius:18px;background:#0d0c0a;overflow:hidden;aspect-ratio:1.55;position:relative;box-shadow:0 24px 50px rgba(0,0,0,.4)}
@media(max-width:700px){.dwin{aspect-ratio:.8}.dwin .aside{display:none}.dwin .app{grid-template-columns:1fr}}
.dwin .app{height:100%}
#dch{position:absolute;inset:0;padding:8px 14px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
#dch>*{animation:dpop .45s both;flex:none}
@keyframes dpop{from{opacity:0;transform:translateY(10px)}}
.dcur{position:absolute;width:20px;height:20px;z-index:6;pointer-events:none;transition:left .9s cubic-bezier(.4,0,.2,1),top .9s cubic-bezier(.4,0,.2,1);left:60%;top:92%;opacity:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.dcur.on{opacity:1}
.dtask{background:var(--apan);border:1px solid var(--aline);border-radius:10px;padding:6px 9px;margin:4px 0;display:grid;gap:4px}
.dtask b{font-size:10px}.dtask small{color:var(--afaint);font-size:9px}
.dtask .pb{height:5px;border-radius:9px;background:var(--apan2);overflow:hidden}.dtask .pb i{display:block;height:100%;width:0;background:var(--aacc);transition:width 2.2s ease}
.dtask.ok .pb i{background:#7ed9a7}
.djev{background:var(--apan);border:1px solid var(--aacc);border-radius:10px;padding:7px 10px;margin:5px 0;font-size:10px}
.djev b{display:block;margin-bottom:3px}.djev .o{display:grid;grid-template-columns:96px 1fr 28px;gap:6px;align-items:center;font-size:9px;color:var(--adim);margin:2px 0;border:0;background:none;padding:0;border-radius:0;cursor:default}
.djev .o i{display:block;height:5px;border-radius:9px;background:var(--apan2);position:relative;overflow:hidden}.djev .o i::after{content:"";position:absolute;inset:0;width:0;background:var(--aacc);transition:width 1.2s ease}.djev.go .o i::after{width:var(--w)}
.dapp{background:var(--apan);border:1px solid var(--aline2);border-radius:10px;padding:8px 10px;margin:5px 0;font-size:10.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dapp .bt{padding:3px 12px;border-radius:99px;border:1px solid var(--aacc);color:var(--atext);font-weight:700;font-size:10px;transition:all .25s}
.dapp .bt.y.hot{background:var(--aacc);color:#0d0c0a;transform:scale(1.08)}
.dapp.done{border-color:#7ed9a7}.dapp.done .st2{color:#7ed9a7;font-weight:700}
.dtoast{position:absolute;right:10px;top:10px;background:#1c1913;border:1px solid #7ed9a7;border-radius:12px;padding:6px 10px;color:#f1ece0;font-size:10px;z-index:7;animation:dpop .5s both}

.tchip .sp{width:8px;height:8px;border:1.5px solid var(--aacc);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.cr{display:inline-block;width:6px;height:11px;background:var(--aacc);margin-left:2px;vertical-align:-1px;animation:blink .9s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.tline{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 4px}
.dsend{background:var(--aacc)!important;color:#0d0c0a!important;transition:all .2s}
.dctl{display:grid;gap:10px}
.dsteps{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.dsteps li{display:flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--mute);font-size:14px;transition:all .3s}
.dsteps li::before{content:attr(data-k);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--bg2);border:1px solid var(--line);flex:none}
.dsteps li.on{border-color:var(--honey);color:var(--ink)}.dsteps li.on::before{background:var(--honey);color:var(--on);border-color:var(--honey)}.dsteps li.done::before{content:"✓";background:#7ed9a7;color:#0d2a1a;border-color:#7ed9a7}
.dbtns{display:flex;gap:8px}.dbtns .btn{padding:8px 14px;font-size:14px;flex:1}
/* casos de uso, seguridad, novedades, lista de espera */
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
@media(max-width:1000px){.g4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.g4{grid-template-columns:1fr}}
.uc{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:20px;display:grid;gap:10px;transition:transform .25s,border-color .25s,opacity .8s}
.uc:hover{transform:translateY(-5px);border-color:var(--honey)}.uc .av{width:78px;height:78px}.uc .av svg{width:100%;height:100%}
.uc h3{font-size:18px}.uc>p{color:var(--ink);font-weight:600;font-size:15px}.uc ul{list-style:none;padding:0;display:grid;gap:7px;color:var(--mute);font-size:14.5px}.uc li::before{content:"◆ ";color:var(--honey)}
.news{margin-top:30px;border-left:2px solid var(--line);padding-left:22px;display:grid;gap:18px;max-width:760px}
.news article{position:relative}.news article::before{content:"";position:absolute;left:-30px;top:6px;width:14px;height:14px;background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.news time{color:var(--honey);font-weight:700;font-size:13px;letter-spacing:.06em}.news h3{font-size:18px;margin:2px 0}.news p{color:var(--mute);font-size:15px}
.secnote{margin-top:22px;border:1px dashed var(--line);border-radius:16px;padding:14px 18px;color:var(--mute);font-size:14.5px}
.wl{margin:26px auto 0;max-width:520px;border:1px solid var(--line);border-radius:22px;background:var(--card);padding:20px;text-align:left}
.wl h3{font-size:18px}.wl p{color:var(--mute);font-size:14.5px;margin:6px 0 12px}
.wl .row{display:flex;gap:8px;flex-wrap:wrap}.wl input[type=email]{flex:1;min-width:200px;padding:11px 14px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:inherit}
.wl label.c{display:flex;gap:8px;align-items:flex-start;margin-top:10px;color:var(--mute);font-size:13px}.wl label.c input{margin-top:3px;accent-color:#ffbf2e}
.wl .msg{margin-top:8px;font-size:14px;color:var(--ok)}.wl button[disabled]{opacity:.55;cursor:not-allowed}
.devnote{margin-top:22px;color:var(--mute);font-size:13.5px;text-align:center}

/* conectar IAs */
.two{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
@media(max-width:900px){.two{grid-template-columns:1fr}}
.conv{position:relative;aspect-ratio:1.15;border:1px solid var(--line);border-radius:26px;background:var(--card);overflow:hidden}
.conv svg.ln{position:absolute;inset:0;width:100%;height:100%}
.conv svg.ln path{fill:none;stroke:var(--honey);stroke-width:2;stroke-linecap:round;stroke-dasharray:4 8;opacity:.6;animation:dash 1.5s linear infinite}
.chipai{position:absolute;padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);font-size:14px;font-weight:700;translate:-50% -50%;white-space:nowrap}
.conv .core{position:absolute;left:50%;top:50%;width:26%;translate:-50% -50%}
.conv .core svg{width:100%;height:auto;animation:bob 4s ease-in-out infinite}
.ticks{list-style:none;padding:0;margin-top:22px;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;color:var(--mute)}
.ticks li::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--honey)}
.ticks b{color:var(--ink)}

/* constructor de abejas */
.builder{margin-top:44px;display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:stretch}
@media(max-width:900px){.builder{grid-template-columns:1fr}}
.stage{border:1px solid var(--line);border-radius:26px;background:var(--card);display:grid;place-items:center;padding:26px;position:relative;min-height:340px}
.stage svg{width:min(260px,70%);height:auto;animation:bob 4.5s ease-in-out infinite;filter:drop-shadow(0 12px 10px rgba(0,0,0,.3))}
.stage .nm{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:var(--mute);font-size:14px;padding:0 10px}
.ctl{border:1px solid var(--line);border-radius:26px;background:var(--card);padding:22px;display:grid;gap:16px;align-content:start}
.ctl h3{font-size:13px;color:var(--mute);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.opts{display:flex;flex-wrap:wrap;gap:7px}
.o{padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:inherit;font-size:13.5px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.o:hover{border-color:var(--honey);transform:translateY(-1px)}
.o.on{background:var(--honey);border-color:var(--honey);color:var(--on);font-weight:700}
.sw{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid var(--line)}
.sw.on{border-color:var(--ink);outline:2px solid var(--honey)}
.og{display:flex;flex-wrap:wrap;gap:6px;max-height:156px;overflow:auto;padding-right:4px}
.gl{font-size:12px;color:var(--mute);width:100%;margin-top:4px}

/* mercado */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 22px}
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1000px){.mgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.mgrid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.mgrid{grid-template-columns:1fr}}
.sp{position:relative;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:16px;display:grid;gap:8px;transition:transform .25s,border-color .25s,opacity .8s;overflow:hidden}
.sp:hover{transform:translateY(-5px);border-color:var(--honey)}
.sp .av{width:84px;height:84px;margin:0 auto}
.sp .av svg{width:100%;height:100%;transition:transform .35s}
.sp:hover .av svg{transform:rotate(-5deg) scale(1.1)}
.sp h3{font-size:16px;text-align:center}.sp small{color:var(--mute);text-align:center;display:block;font-size:12.5px}
.sp p{font-size:13.5px;color:var(--mute);text-align:center}
.sp .tg{justify-self:center;font-size:11.5px;padding:2px 10px;border-radius:99px;border:1px solid var(--line);color:var(--mute)}
.sp.hide{display:none}
.strip{margin-top:30px;border:1px dashed var(--line);border-radius:20px;padding:18px 22px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;color:var(--mute)}

/* castas */
.castes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
@media(max-width:800px){.castes{grid-template-columns:1fr 1fr}}@media(max-width:520px){.castes{grid-template-columns:1fr}}
.cs{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:14px;transition:border-color .25s,transform .25s}
.cs:hover{border-color:var(--honey);transform:translateY(-3px)}
.cs svg{width:64px;height:64px;flex:none}.cs b{display:block}.cs span{color:var(--mute);font-size:14px;line-height:1.4;display:block}

/* panales */
.wf{margin-top:40px;border:1px solid var(--line);border-radius:26px;background:var(--card);padding:16px;overflow:hidden}
.wf svg{width:100%;height:auto;display:block}
.dr{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease}
.wf.in .dr{stroke-dashoffset:0}
.nd{opacity:0;transform:scale(.7);transform-box:fill-box;transform-origin:center;transition:opacity .6s,transform .6s cubic-bezier(.3,1.5,.5,1)}
.wf.in .nd{opacity:1;transform:none}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
@media(max-width:900px){.grid3{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid3{grid-template-columns:1fr}}
.card{position:relative;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;transition:transform .25s,border-color .25s,opacity .8s;transform-style:preserve-3d}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),var(--glow),transparent 62%);opacity:0;transition:opacity .3s}
.card:hover{border-color:var(--honey)}.card:hover::before{opacity:1}
.card .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:24px;background:var(--card2);margin-bottom:14px;position:relative;border:1px solid var(--line)}
.card h3{font-size:19px;margin-bottom:6px;position:relative}.card p{color:var(--mute);font-size:15px;position:relative}

/* equipo (ordenador Linux de las abejas) */
.desk{position:relative;border:1px solid var(--line);border-radius:22px;background:#0b1220;overflow:hidden;aspect-ratio:1.45;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.desk .bar{height:30px;background:#1a2438;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12px;color:#9fb0cc}
.desk .bar i{width:10px;height:10px;border-radius:50%;background:#ff6b6b}.desk .bar i:nth-child(2){background:#ffd166}.desk .bar i:nth-child(3){background:#7ed9a7}
.desk .bar span{margin-left:8px}
.desk .scr{position:absolute;inset:30px 0 0;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:radial-gradient(70% 60% at 30% 20%,#17335a,transparent),#0b1220}
.win{border:1px solid #2b3a58;border-radius:10px;background:#101a2d;overflow:hidden;font:12px/1.5 ui-monospace,Consolas,monospace;color:#cfe0ff;opacity:0;transform:translateY(10px);animation:winin .7s forwards}
.win:nth-child(2){animation-delay:.5s}.win:nth-child(3){animation-delay:1s}.win:nth-child(4){animation-delay:1.5s}
@keyframes winin{to{opacity:1;transform:none}}
.win h4{font:700 11px system-ui;padding:6px 10px;background:#1a2438;color:#9fb0cc}
.win div{padding:8px 10px;white-space:pre-wrap;overflow:hidden}
.win .ty{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:0;animation:type 3.4s steps(34) 1.2s infinite alternate}
@keyframes type{to{width:34ch}}
.win .pg{height:8px;border-radius:9px;background:#223253;margin:6px 10px 10px;overflow:hidden}
.win .pg b{display:block;height:100%;width:0;background:#7ed9a7;animation:load 4s ease-in-out infinite}
@keyframes load{60%,100%{width:100%}}
.win .web{height:70px;margin:8px 10px;border-radius:7px;background:linear-gradient(#26395f 0 14px,#16233d 14px)}
.cur{position:absolute;width:18px;height:18px;left:40%;top:46%;animation:wander 9s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
@keyframes wander{0%,100%{left:22%;top:40%}30%{left:66%;top:34%}60%{left:60%;top:70%}80%{left:30%;top:68%}}
.cur svg{width:100%;height:100%}

/* modos pc / nube */
.modes{margin-top:36px;border:1px solid var(--line);border-radius:26px;background:var(--card);padding:22px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:99px;background:var(--bg2);padding:4px;gap:4px}
.seg button{border:0;background:none;color:var(--mute);font:inherit;font-weight:700;padding:9px 20px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}
.seg button.on{background:var(--honey);color:var(--on)}
.mdia{margin-top:22px;display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:center}
@media(max-width:860px){.mdia{grid-template-columns:1fr}}
.mdia svg{width:100%;height:auto}
.mdia .ln{stroke:var(--honey);stroke-width:3;stroke-dasharray:6 9;fill:none;opacity:.2;transition:opacity .5s;animation:dash 1.5s linear infinite}
.mdia .dev{transition:opacity .5s,filter .5s}
.mdia[data-m=pc] .l-pc,.mdia[data-m=cloud] .l-cl{opacity:.95}
.mdia[data-m=pc] .d-cl,.mdia[data-m=cloud] .d-pc{opacity:.35}
.mdia[data-m=cloud] .d-pc{opacity:.5}
.mpt{display:none;color:var(--mute)}
.mdia[data-m=pc] .mpt.pc,.mdia[data-m=cloud] .mpt.cl{display:block;animation:fade .45s}
.mpt h3{color:var(--ink);font-size:22px;margin-bottom:10px}
.mpt ul{list-style:none;padding:0;display:grid;gap:9px;font-size:15.5px}
.mpt li::before{content:"✓ ";color:var(--honey);font-weight:800}
.live{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;border:1px dashed var(--line);border-radius:16px;color:var(--mute);font-size:15px}
.live i{width:9px;height:9px;border-radius:50%;background:var(--ok);animation:pulse 1.6s ease-in-out infinite;flex:none}

/* ahorro */
.bars{display:grid;gap:18px}
.bars small{color:var(--mute);display:block;margin-bottom:6px}
.track{height:16px;border-radius:99px;background:var(--bg2);border:1px solid var(--line);overflow:hidden}
.fill{height:100%;width:0;border-radius:99px;background:var(--amber);transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.fill.alt{background:var(--vio)}
.bars.in .fill{width:var(--w)}

/* funciones por pestañas */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.tp{display:none;margin-top:18px;border:1px solid var(--line);border-radius:24px;background:var(--card);padding:26px;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.tp.on{display:grid;animation:fade .45s}
@keyframes fade{from{opacity:0;transform:translateY(10px)}}
@media(max-width:800px){.tp.on{grid-template-columns:1fr}}
.tp h3{font-size:24px;margin-bottom:8px}.tp p{color:var(--mute)}
.mock{border:1px solid var(--line);border-radius:18px;background:var(--bg2);padding:16px;display:grid;gap:10px;font-size:14px}
.mock .r{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);animation:rowin .6s both}
.mock .r:nth-child(2){animation-delay:.12s}.mock .r:nth-child(3){animation-delay:.24s}.mock .r:nth-child(4){animation-delay:.36s}
@keyframes rowin{from{opacity:0;translate:-14px 0}}
.mock .r b{margin-left:auto;color:var(--ok);font-weight:700}
.mock .r.q{border-color:var(--honey)}

/* planes */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
@media(max-width:800px){.plans{grid-template-columns:1fr}}
.plan{border:1px solid var(--line);border-radius:26px;background:var(--card);padding:30px;display:grid;gap:14px;align-content:start;position:relative}
.plan.feat{border-color:var(--honey)}
.plan .badge{position:absolute;top:18px;right:18px;font-size:12px;padding:3px 12px;border-radius:99px;background:var(--honey);color:var(--on);font-weight:700}
.plan h3{font-size:24px}.price{font-size:44px;font-weight:800;letter-spacing:-.03em}.price small{font-size:16px;font-weight:500;color:var(--mute);letter-spacing:0}
.plan ul{list-style:none;padding:0;display:grid;gap:9px;color:var(--mute);font-size:15.5px}
.plan li::before{content:"✓ ";color:var(--honey);font-weight:800}
pre{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:13.5px/1.55 ui-monospace,Consolas,monospace;overflow:auto;color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px;counter-reset:s}
@media(max-width:800px){.steps{grid-template-columns:1fr}}
.step{border:1px dashed var(--line);border-radius:20px;padding:22px 20px 20px;position:relative;counter-increment:s}
.step::before{content:counter(s);position:absolute;top:-16px;left:18px;width:32px;height:32px;border-radius:50%;background:var(--honey);color:var(--on);font-weight:800;display:grid;place-items:center}
.step h3{font-size:18px;margin:4px 0}.step p{color:var(--mute);font-size:15px}

details{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:16px 20px;margin-top:10px}
summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::after{content:"+";color:var(--honey);font-size:22px;line-height:1;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--mute);margin-top:10px;font-size:15.5px}
.final{text-align:center}.final h2{margin-inline:auto}.final .cta{justify-content:center}.final .sub{margin-inline:auto}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--mute);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
#bees{position:fixed;inset:0;pointer-events:none;z-index:6;overflow:hidden}
#bees .b{position:absolute;width:34px;height:34px;will-change:transform;filter:drop-shadow(0 4px 5px rgba(0,0,0,.35))}
#bees .b svg{width:100%;height:100%}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rev,.nd{opacity:1;transform:none}.dr{stroke-dashoffset:0}.bars .fill{width:var(--w)}#bees{display:none}}


/* ---- accesibilidad, progreso, subir ---- */
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--honey);color:var(--on);padding:10px 16px;border-radius:12px;font-weight:700;transition:top .2s}.skip:focus{top:10px}
:focus-visible{outline:3px solid var(--honey);outline-offset:3px;border-radius:6px}
#pgbar{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--honey);z-index:60}
#totop{position:fixed;right:18px;bottom:18px;z-index:40;width:46px;height:46px;border-radius:50%;border:1px solid var(--honey);background:var(--card);color:var(--ink);cursor:pointer;font-size:20px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s,transform .3s,background .2s}
#totop.on{opacity:1;pointer-events:auto;transform:none}#totop:hover{background:var(--honey);color:var(--on)}
.more{display:inline-block;margin-top:16px;color:var(--honey);font-weight:700;border-bottom:2px solid transparent;transition:border-color .2s,transform .2s}.more:hover{border-color:var(--honey);transform:translateX(4px)}
/* ---- problema: del caos a la colmena ---- */
.chaos{position:relative;margin-top:40px;border:1px solid var(--line);border-radius:26px;background:var(--card);aspect-ratio:2.1;overflow:hidden}
@media(max-width:700px){.chaos{aspect-ratio:1.1}}
.chaos .cc{position:absolute;left:var(--x0);top:var(--y0);translate:-50% -50%;rotate:var(--r0);padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);font-weight:700;font-size:14px;white-space:nowrap;transition:left 1.5s cubic-bezier(.3,1.2,.4,1) var(--d),top 1.5s cubic-bezier(.3,1.2,.4,1) var(--d),rotate 1.2s ease var(--d),border-color .6s;animation:jit 2.2s ease-in-out infinite alternate}
@keyframes jit{to{translate:calc(-50% + 5px) calc(-50% - 4px)}}
.chaos.in .cc{left:var(--x1);top:var(--y1);rotate:0deg;border-color:var(--honey);animation:none}
.chaos .core{position:absolute;left:50%;top:50%;width:19%;translate:-50% -50%;scale:0;transition:scale .9s cubic-bezier(.3,1.5,.5,1) .9s}.chaos .core svg{width:100%;height:auto}.chaos.in .core{scale:1}
.chaos svg.lk{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s 1.6s}.chaos.in svg.lk{opacity:1}.chaos svg.lk line{stroke:var(--honey);stroke-width:2;stroke-dasharray:5 8;opacity:.6;animation:dash 1.6s linear infinite;vector-effect:non-scaling-stroke}
.chaos .cap{position:absolute;bottom:12px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:opacity .6s}
.chaos .cap.b{left:16px;color:var(--mute)}.chaos .cap.a{right:16px;color:var(--honey);opacity:0}.chaos.in .cap.b{opacity:0}.chaos.in .cap.a{opacity:1}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}@media(max-width:700px){.ba{grid-template-columns:1fr}}
.ba>div{border:1px solid var(--line);border-radius:20px;padding:18px 20px;background:var(--card)}.ba h3{font-size:16px;margin-bottom:8px}.ba ul{list-style:none;padding:0;display:grid;gap:7px;color:var(--mute);font-size:15px}
.ba .bad li::before{content:"✕ ";color:#ff8a7a;font-weight:800}.ba .good li::before{content:"✓ ";color:var(--ok);font-weight:800}.ba .good{border-color:var(--honey)}
/* ---- comparativa ---- */
.cmpw{margin-top:32px;overflow-x:auto;border:1px solid var(--line);border-radius:22px;background:var(--card)}
table.cmp{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center}.cmp th:first-child,.cmp td:first-child{text-align:left}
.cmp thead th{color:var(--mute);font-size:13px;text-transform:uppercase;letter-spacing:.06em;background:var(--bg2)}.cmp thead th.me{color:var(--on);background:var(--honey)}.cmp tbody tr:last-child td{border-bottom:0}
.cmp td.me{background:color-mix(in srgb,var(--honey) 10%,var(--card));font-weight:700}
.mk2{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mute)}.mk2 i{font-style:normal;font-weight:800;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px}
.mk2.yes i{background:#7ed9a7;color:#0d2a1a}.mk2.part i{background:#ffd166;color:#3a2a00}.mk2.no i{background:var(--bg2);color:var(--mute);border:1px solid var(--line)}
/* ---- glosario ---- */
.gloss{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}@media(max-width:1000px){.gloss{grid-template-columns:1fr 1fr}}@media(max-width:560px){.gloss{grid-template-columns:1fr}}
.gloss dl{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px;transition:border-color .25s,transform .25s,opacity .8s}.gloss dl:hover{border-color:var(--honey);transform:translateY(-3px)}
.gloss dt{font-weight:800;color:var(--honey);margin-bottom:4px}.gloss dd{margin:0;color:var(--mute);font-size:14.5px}

/* ---- páginas de detalle ---- */
.pg{padding-bottom:40px}.crumbs{padding:22px 0 0;color:var(--mute);font-size:14px}.crumbs a:hover{color:var(--honey)}
.pgh{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:26px 0 30px}@media(max-width:900px){.pgh{grid-template-columns:1fr}}
.pgh h1{font-size:clamp(34px,5vw,58px);margin:12px 0 14px}.pgart{min-width:0}.pgart>*{max-width:100%}
.pgs{padding:44px 0 0}.pgs h2{font-size:clamp(24px,3.2vw,34px);margin-bottom:6px}
.limits{list-style:none;padding:0;display:grid;gap:10px;margin-top:14px;max-width:760px}.limits li{border:1px dashed var(--line);border-radius:14px;padding:12px 16px;color:var(--mute)}.limits li::before{content:"◆ ";color:var(--honey)}
.rls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}@media(max-width:700px){.rls{grid-template-columns:1fr}}
.rl{display:grid;gap:4px;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:18px 20px;position:relative;transition:border-color .25s,transform .25s,opacity .8s}.rl:hover{border-color:var(--honey);transform:translateY(-3px)}.rl b{font-size:18px}.rl span{color:var(--mute);font-size:14.5px;padding-right:24px}.rl i{position:absolute;right:18px;top:50%;translate:0 -50%;color:var(--honey);font-style:normal;font-size:22px;transition:transform .25s}.rl:hover i{transform:translateX(5px)}
.pgart .wf,.pgart .modes{margin-top:0}.pgart .desk{width:100%}
.shield{position:relative;width:min(340px,100%);margin:0 auto}.shield svg{width:100%;height:auto;display:block}.shield .sh{stroke-dasharray:700;stroke-dashoffset:700;animation:shd 2s ease forwards}.shield .hx{transform-box:fill-box;transform-origin:center;animation:hxp 3s ease-in-out 1.6s infinite}.shield .ck{stroke-dasharray:60;stroke-dashoffset:60;animation:shd 1s ease 1.3s forwards}
@keyframes shd{to{stroke-dashoffset:0}}@keyframes hxp{50%{transform:scale(1.07)}}
.orb{position:absolute;width:48px;height:48px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-size:22px;animation:orb 6s ease-in-out infinite}.orb.o1{left:-4%;top:12%}.orb.o2{right:-4%;top:20%;animation-delay:-1.5s}.orb.o3{left:2%;bottom:10%;animation-delay:-3s}.orb.o4{right:0;bottom:8%;animation-delay:-4.5s}
@keyframes orb{50%{transform:translateY(-10px)}}
.n404 svg{width:min(320px,80%);height:auto}.n404 .hxl{animation:dash 2.5s linear infinite}.lostbee{animation:lost 5s ease-in-out infinite;transform-box:fill-box}@keyframes lost{25%{transform:translate(-90px,40px) rotate(-20deg)}50%{transform:translate(-30px,90px) rotate(10deg)}75%{transform:translate(-120px,60px) rotate(-10deg)}}
.chaos{aspect-ratio:2.6}@media(max-width:700px){.chaos{aspect-ratio:1.1}}

/* texto de acento legible en claro y oscuro */
.hl,.eyebrow,.more,.news time,.gloss dt,.stats b,.soon,.rl i,.limits li::before{color:var(--ht)}
.btn.pri .hl{color:inherit}
.steps.s4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.steps.s4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps.s4{grid-template-columns:1fr}}

/* móvil estrecho: la barra no desborda */
@media(max-width:520px){nav .soon{display:none}nav .wrap{gap:10px}.langsw{padding:0 10px}.devbar{font-size:12.5px;padding:7px 12px}.brand{font-size:17px}}
html,body{max-width:100%}

/* Proyectos y paneles */
.pj{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:30px;align-items:start}
.pjm{gap:12px;padding:20px}
.pjh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pjh b{font-size:17px}.pjh small{color:var(--mute);font-size:13px;word-break:break-all}
.pjd{width:11px;height:11px;border-radius:50%;background:#ffbf2e;box-shadow:0 0 0 4px color-mix(in srgb,#ffbf2e 25%,transparent)}
.pjg{display:grid;gap:6px}.pjg>span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.pjg p{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.pjg i{font-style:normal;padding:5px 12px;border:1px solid var(--line);border-radius:99px;background:var(--card);font-size:13px;font-weight:600}
.pjg.own i{border-color:#ffbf2e;background:color-mix(in srgb,#ffbf2e 14%,var(--card))}
.pjask{padding:12px 14px;border:1px solid #ffbf2e;border-radius:14px;background:color-mix(in srgb,#ffbf2e 10%,var(--card2));font-size:14px;line-height:1.5}
.pjask u{text-decoration:none;font-weight:700;color:#ffbf2e;white-space:nowrap}
.pjcol{display:grid;gap:12px}.pjcol .card{padding:18px}.pjcol h3{margin:0 0 6px;font-size:17px}.pjcol p{margin:0;color:var(--mute);font-size:15px}
.note{margin:22px 0 0;color:var(--mute);font-size:14px}
.td{margin-top:30px;border:1px solid var(--line);border-radius:22px;background:var(--bg2);padding:18px;display:grid;gap:14px}
.tdbar{display:flex;justify-content:space-between;align-items:center}.tdbar b{font-size:18px}
.tdpill{padding:6px 14px;border:1px solid var(--line);border-radius:99px;font-size:13px;color:var(--mute);background:var(--card)}
.tdg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tdt{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.tdt small{color:var(--mute);font-size:13px}.tdt>b{font-size:26px}.tdt em{font-style:normal;color:var(--mute);font-size:13px}
.tdt.wide{grid-column:1/-1}.tdt.wide p{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 0}
.tdt.wide span{flex:1 1 90px;display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);color:var(--mute);font-size:13px}
.tdt.wide span b{color:var(--ink);font-size:22px}
.tdhint{color:var(--mute);font-size:13px;text-align:center}
@media (max-width:820px){.pj{grid-template-columns:1fr}.tdg{grid-template-columns:1fr}}

/* objetivos táctiles en móvil */
@media (pointer:coarse),(max-width:700px){#faq summary{min-height:44px;align-items:center}.more{display:inline-flex;align-items:center;min-height:44px}#bees-s .o,#market .o,#features .o{min-height:40px}}

.pgart .pjm,.pgart .td{margin-top:0}

nav .soon{white-space:nowrap}

nav .links{gap:clamp(10px,1.25vw,20px);font-size:14.5px}nav .links a{white-space:nowrap}
@media(min-width:1081px){nav .soon{display:none}}
@media(max-width:1080px){nav .links{display:none}nav .soon{margin-left:auto}}

/* menú desplegable */
#mbtn{display:none;width:40px;height:40px;padding:0;font-size:18px}
@media(max-width:1080px){
  #mbtn{display:inline-flex}
  nav .links{display:none}
  nav .soon{margin-left:auto}
  nav.open .links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;margin:0;padding:10px 20px 18px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.35);max-height:calc(100vh - 110px);overflow:auto}
  nav.open .links a{padding:13px 4px;font-size:16px;border-bottom:1px solid var(--line)}
}
@media(max-width:520px){#mbtn{margin-left:auto}}

#devices{overflow-x:clip}
#dispositivos{overflow-x:clip}