/* fibuo.me landing — shared tokens and components (home v8 language, G-035) */
:root{
  --bg:#0A0F1F;--bg2:#0F1630;--glass:rgba(23,31,63,.72);--glass2:rgba(255,255,255,.06);--line:rgba(160,175,230,.22);
  --ink:#F4F6FF;--mute:#B9C2DC;--dim:#8F9AB8;--me:#9B7BFF;--v1:#8A6CFF;--v2:#5B6CFF;--b1:#4FA8FF;--lime:#D7FF75;--ok:#5FE0C8;
  --f:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}
html{background:var(--bg)}
body{margin:0;color:var(--ink);font:16px/1.55 var(--f);background:radial-gradient(1000px 600px at 90% -10%,rgba(91,108,255,.30),transparent 60%),radial-gradient(800px 600px at -10% 30%,rgba(138,108,255,.16),transparent 60%),var(--bg);min-height:100vh}
a{color:inherit}button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--me);outline-offset:3px}
.w{max-width:1200px;margin:0 auto;padding-inline:20px}
[data-es]{display:none}html[lang="es"] [data-en]{display:none}html[lang="es"] [data-es]{display:revert}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:18px;position:relative;z-index:4}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-.04em}
.logo img{width:32px;height:auto}.logo b{color:var(--me);font-weight:800}
.top-r{display:flex;align-items:center;gap:10px}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--glass2)}
.lang button{border:0;background:none;font:700 13px var(--f);padding:7px 13px;border-radius:999px;cursor:pointer;color:var(--mute)}
.lang button[aria-pressed=true]{background:#1C2547;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;font:700 15px var(--f);cursor:pointer;text-decoration:none;color:#fff;background:linear-gradient(90deg,var(--v1),var(--v2));box-shadow:0 12px 30px -12px rgba(110,90,255,.8);white-space:nowrap}
.btn:hover{filter:brightness(1.08)}.btn.sm{padding:9px 15px;font-size:14px}
.btn.ghost{background:var(--glass2);box-shadow:inset 0 0 0 1px var(--line)}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--mute)}
h1{font-size:clamp(38px,5.2vw,66px);line-height:1.03;letter-spacing:-.045em;font-weight:800;margin:12px 0 0;text-wrap:balance}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--v1),var(--v2) 55%,var(--b1));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--mute);font-size:clamp(16px,1.5vw,18.5px);margin:16px 0 0;max-width:48ch}
.small{font-size:13px;color:var(--dim)}
/* phone */
.phone{position:relative;width:min(340px,100%);aspect-ratio:390/800;border-radius:48px;padding:10px;background:#05070F;box-shadow:0 0 0 1px var(--line),0 50px 90px -40px rgba(0,0,0,.9)}
.phone .scr{position:relative;width:100%;height:100%;border-radius:39px;overflow:hidden;background:#111}
.scr iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;width:390px}
.url{display:inline-block;background:var(--glass);border:1px solid var(--line);color:var(--ink);font:600 12px var(--f);padding:5px 11px;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{border:1px solid var(--line);background:var(--glass2);color:var(--mute);border-radius:999px;padding:8px 13px;font:600 13.5px var(--f);cursor:pointer}
.seg button[aria-pressed=true]{color:var(--ink);border-color:var(--me);background:rgba(155,123,255,.18)}
.ov{position:fixed;inset:0;z-index:60;background:#05070F;display:flex;flex-direction:column}
.ov .b{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;color:var(--mute);font-size:13px}
.ov iframe{flex:1;width:100%;border:0;background:#fff}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* v14: features that do not exist yet */
.soon{display:inline-block;font-style:normal;font-size:.72em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:rgba(139,108,255,.18);color:#B9A8FF;vertical-align:middle;white-space:nowrap}
.soon-note{margin-top:10px;font-size:.92em;opacity:.9}