.refraccion{background:radial-gradient(circle at 70% 47%,#ff626217,#0000 26%),linear-gradient(120deg,#070707 0%,#0a0909 54%,#070707 100%)}.refraccion:before{content:"";opacity:.26;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 50%,#000)}.refraccion-copy{z-index:5;width:min(640px,47vw);padding:clamp(150px,18vh,210px) 0 100px max(32px,50vw - 640px);position:relative}.refraccion-copy h1{letter-spacing:-.045em;text-wrap:balance;margin-top:24px;font-size:clamp(52px,5.8vw,92px);font-weight:800;line-height:.94}.refraccion-copy h1 em{color:#ff6262;text-shadow:0 0 54px #ff626245;font-style:normal}.refraccion-copy .proto-lede{max-width:560px}.refraccion-stage{position:absolute;inset:0}.refraccion-stage svg{width:100%;height:100%;overflow:visible}.refract-prism{transform-origin:1010px 450px;transition:transform .18s ease-out}.refract-beam,.refract-output{opacity:0;animation:.9s cubic-bezier(.2,.8,.2,1) forwards refract-in}.refract-output{animation-delay:.42s}.refract-prism{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) .18s forwards prism-arrive}.refract-label text,.refract-source text{fill:#ffffffc7;font-family:var(--font-mono);letter-spacing:.16em;font-size:12px}.refract-label .refract-metric,.refract-source .refract-metric{fill:#ffffff5c;font-size:10px}.refraccion-hint{font:10px var(--font-mono);letter-spacing:.12em;color:#ffffff4d;position:absolute;bottom:32px;right:40px}@keyframes refract-in{0%{opacity:0}to{opacity:1}}@keyframes prism-arrive{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.refraccion-copy{text-align:center;width:100%;padding:120px 24px 0}.refraccion-copy h1{font-size:clamp(44px,12vw,68px)}.refraccion-copy .proto-lede{margin-inline:auto}.refraccion-copy .proto-actions{justify-content:center}.refraccion-stage{transform-origin:50%;top:300px;transform:scale(1.25)translate(-17%)}.refract-source,.refract-label,.refraccion-hint{display:none}}@media (prefers-reduced-motion:reduce){.refract-beam,.refract-output,.refract-prism{opacity:1;animation:none}.refract-prism{transition:none}}.foco{background:radial-gradient(circle at 50% 58%,#ff626221,#0000 25%),#080808}.foco:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.9%,#ffffff0a 50%,#0000 50.1%);position:absolute;inset:0}.foco-copy{z-index:5;text-align:center;width:min(100% - 48px,1060px);margin:0 auto;padding-top:128px;position:relative}.foco-copy h1{letter-spacing:-.045em;margin-top:18px;font-size:clamp(46px,5.4vw,82px);font-weight:800;line-height:.96}.foco-copy h1 em{color:#ff6262;font-style:normal}.foco-copy .proto-lede{margin:20px auto 0}.foco-machine{z-index:4;grid-template-columns:260px 1fr 350px;align-items:center;gap:56px;width:min(100% - 80px,1240px);min-height:360px;margin:28px auto 0;display:grid;position:relative}.foco-lines{z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.source-line{fill:none;stroke:url(#focus-in);stroke-width:2px;opacity:.16;filter:url(#focus-glow);transition:opacity .18s ease-out,stroke-width .18s ease-out}.focus-line{fill:none;stroke:url(#focus-out);stroke-width:5px;filter:url(#focus-glow);stroke-dasharray:4 8;animation:1.4s linear infinite focus-flow}.foco[data-source=chatgpt] .source-line--chatgpt,.foco[data-source=claude] .source-line--claude,.foco[data-source=gemini] .source-line--gemini{opacity:1;stroke-width:4px}.foco-sources{flex-direction:column;gap:12px;display:flex}.foco-sources button{color:#ffffff73;width:100%;min-height:48px;font:12px var(--font-mono);cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:0 16px;transition:color .15s ease-out,border-color .15s ease-out,background-color .15s ease-out,transform .15s ease-out;display:flex}.foco-sources button:hover{color:#fff;border-color:#ffffff2e}.foco-sources button:active{transform:scale(.98)}.foco-sources button[aria-pressed=true]{color:#fff;background:#ff626214;border-color:#ff626280}.foco-sources button span{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 16px}.foco-core{flex-direction:column;justify-self:center;align-items:center;gap:18px;display:flex;position:relative}.foco-core svg{filter:drop-shadow(0 0 25px #ff626285);width:190px;animation:3.2s ease-in-out infinite focus-breathe;position:relative}.foco-core span{font:10px var(--font-mono);letter-spacing:.15em;color:#ffffff61}.foco-halo{border:1px solid #ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%);box-shadow:0 0 0 38px #ffffff05,0 0 0 76px #ffffff03}.foco-result{background:linear-gradient(145deg,#ff626217,#ffffff06);border:1px solid #ff626238;border-radius:14px;padding:24px;box-shadow:0 24px 80px #00000057,inset 0 1px #ffffff14}.foco-result-head{color:#fff6;font:10px var(--font-mono);letter-spacing:.13em;align-items:center;gap:8px;margin-bottom:22px;display:flex}.foco-live{background:#ff6262;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #ff6262}.foco-result strong{font-size:22px}.foco-result p{color:#fff9;margin-top:10px;font-size:14px;line-height:1.55}.foco-result>div:last-child{gap:8px;margin-top:20px;display:flex}.foco-result>div:last-child span{color:#ffffff80;font:9px var(--font-mono);letter-spacing:.08em;background:#ffffff0d;border-radius:999px;padding:5px 8px}.foco-footer{z-index:5;justify-content:center;align-items:center;gap:28px;margin-top:0;display:flex;position:relative}.foco-footer p{color:#ffffff6b;font:11px var(--font-mono)}.foco-footer p span{color:#fff}@keyframes focus-flow{to{stroke-dashoffset:-24px}}@keyframes focus-breathe{50%{filter:drop-shadow(0 0 42px #ff6262b3);transform:scale(1.035)}}@media (width<=900px){.foco-copy{padding-top:110px}.foco-machine{grid-template-columns:1fr;gap:22px;width:min(100% - 40px,560px);min-height:auto;margin-top:32px}.foco-sources{flex-direction:row;justify-content:center}.foco-sources button{width:auto}.foco-lines{display:none}.foco-core svg{width:130px}.foco-halo{width:190px;height:190px}.foco-result{max-width:360px;margin:auto}.foco-footer{flex-direction:column;gap:12px;margin:24px 0 100px}}@media (prefers-reduced-motion:reduce){.focus-line,.foco-core svg{animation:none}}.sistema{background:linear-gradient(135deg,#080808,#0d0b0b 55%,#080808)}.sistema-layout{grid-template-columns:minmax(480px,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(40px,7vw,110px);width:min(100% - 64px,1280px);min-height:100vh;margin:auto;padding:104px 0 74px;display:grid}.sistema-visual{aspect-ratio:1;position:relative}.sistema-grid{opacity:.34;background-image:radial-gradient(circle,#ffffff24 1px,#0000 1px);background-size:22px 22px;border-radius:50%;position:absolute;inset:3%;mask-image:radial-gradient(circle,#000,#0000 67%)}.sistema-loop{width:100%;height:100%;position:absolute;inset:0}.system-track,.system-flow,.system-spoke{fill:none}.system-track{stroke:#ffffff14;stroke-width:1px}.system-flow{stroke:#ff6262;stroke-width:2px;stroke-dasharray:2 15;filter:url(#system-glow);animation:3s linear infinite system-loop}.system-spoke{stroke:#ffffff14;stroke-width:1px;transition:stroke .18s ease-out,stroke-width .18s ease-out}.sistema[data-domain=training] .training-spoke,.sistema[data-domain=nutrition] .nutrition-spoke,.sistema[data-domain=progress] .progress-spoke{stroke:#ff6262;stroke-width:2px;filter:url(#system-glow)}.sistema-core{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sistema-core:before{content:"";z-index:-1;background:radial-gradient(circle,#ff626233,#0000 65%);border-radius:50%;position:absolute;inset:-64px}.sistema-core svg{color:#ff6262;filter:drop-shadow(0 0 22px #ff626273);width:124px}.sistema-core span{font:700 12px var(--font-mono);letter-spacing:.18em;margin-top:4px}.sistema-core small{color:#ffffff59;font:9px var(--font-mono);letter-spacing:.15em}.sistema-node{text-align:left;cursor:pointer;background:#0a0a0acc;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;min-width:184px;padding:14px 16px;transition:border-color .16s ease-out,background-color .16s ease-out,transform .16s ease-out;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff0d}.sistema-node:hover{border-color:#ffffff38}.sistema-node:active{transform:scale(.98)}.sistema-node[aria-pressed=true]{background:#ff626214;border-color:#ff62628c}.sistema-node span{color:#ff6262;font:9px var(--font-mono)}.sistema-node strong{color:#fff;font:10px var(--font-mono);letter-spacing:.11em}.sistema-node small{color:#fff6;font:10px var(--font-mono)}.sistema-node--training{top:3%;left:50%;transform:translate(-50%)}.sistema-node--training:active{transform:translate(-50%)scale(.98)}.sistema-node--nutrition{bottom:16%;right:-1%}.sistema-node--progress{bottom:16%;left:-1%}.sistema-copy h1{letter-spacing:-.045em;margin-top:22px;font-size:clamp(52px,5vw,80px);font-weight:800;line-height:.94}.sistema-copy h1 em{color:#ff6262;font-style:normal}.sistema-copy .proto-lede{max-width:560px}.sistema-panels{border-left:1px solid #ff626275;min-height:120px;margin-top:32px;padding:20px 0 20px 20px}.sistema-panels>div{animation:.24s ease-out panel-enter}.sistema-panels span{color:#ff6262;font:10px var(--font-mono);letter-spacing:.13em;margin-bottom:9px;display:block}.sistema-panels strong{color:#ffffffd1;max-width:550px;font-size:18px;font-weight:500;line-height:1.45;display:block}@keyframes system-loop{to{stroke-dashoffset:-68px}}@keyframes panel-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.sistema-layout{grid-template-columns:1fr;gap:0;width:min(100% - 40px,680px);padding-top:100px}.sistema-copy{text-align:center;grid-row:1}.sistema-copy h1{font-size:clamp(44px,11vw,68px)}.sistema-copy .proto-lede{margin-inline:auto}.sistema-copy .proto-actions{justify-content:center}.sistema-panels{text-align:left;max-width:560px;min-height:130px;margin-inline:auto}.sistema-visual{grid-row:2;width:min(100%,560px);margin:-12px auto 70px}}@media (width<=560px){.sistema-node{min-width:140px;padding:10px}.sistema-node small{display:none}.sistema-node--nutrition{right:0}.sistema-node--progress{left:0}.sistema-core svg{width:86px}}@media (prefers-reduced-motion:reduce){.system-flow,.sistema-panels>div{animation:none}}html{background:#080808}body{min-width:320px;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.prism-variant{isolation:isolate;color:#fafafa;min-height:100svh;position:relative;overflow:hidden}.proto-kicker{color:#ff6262;font:10px var(--font-mono);letter-spacing:.16em}.proto-lede{color:#ffffff8f;text-wrap:pretty;margin-top:26px;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.proto-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.proto-primary,.proto-secondary{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:14px;font-weight:620;transition:opacity .15s ease-out,transform .15s ease-out,color .15s ease-out;display:inline-flex}.proto-primary{color:#090909;background:#ff6262;gap:16px}.proto-secondary{color:#ffffffa8;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff17}.proto-primary:hover{opacity:.92}.proto-secondary:hover{color:#fff}.proto-primary:active,.proto-secondary:active{transform:scale(.97)}.proto-picker{z-index:2147483647;backdrop-filter:blur(12px)saturate(1.4);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#0a0a0ad1;border-radius:999px;align-items:center;gap:2px;padding:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14,0 8px 24px #0000003d,0 2px 6px #0000001f}.proto-picker-highlight{will-change:transform;background:#ffffff1f;border-radius:999px;height:28px;position:absolute;top:4px;left:0}.proto-picker[data-ready] .proto-picker-highlight{transition:transform .25s cubic-bezier(.23,1,.32,1),width .25s cubic-bezier(.23,1,.32,1)}@media (prefers-reduced-motion:reduce){.proto-picker[data-ready] .proto-picker-highlight{transition:none}}.proto-picker-item{color:#ffffff8c;height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 12px;transition:color .15s ease-out;display:flex;position:relative}.proto-picker-item:hover{color:#ffffffd9}.proto-picker-item:active{transform:scale(.97)}.proto-picker-item:focus-visible{outline-offset:2px;outline:2px solid #fff6}.proto-picker-item[data-active]{color:#fff}.proto-picker-divider{background:#ffffff1f;width:1px;height:16px;margin:0 4px}.proto-picker-replay{padding:0 10px;font-size:14px}.proto-picker[data-position=top]{top:24px;bottom:auto}@media (width<=560px){.proto-picker{max-width:calc(100vw - 20px);bottom:12px}.proto-picker-item{padding:0 8px;font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
