:root{--bg:#08080d;--iron-2:#15131b;--steel:#2b2733;--bone:#ece7df;--ash:#aaa4b4;--hot-a:#a133e6;--hot-b:#4a43e8;--glow:#c76bff;--gut:clamp(20px,5vw,48px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--bone);font:400 16px/1.6 Archivo,Helvetica Neue,Arial,sans-serif;overflow-x:clip}img{display:block;max-width:100%}a{color:inherit}p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}h1,h2{margin:0;font-family:Archivo,Arial Narrow,sans-serif;font-stretch:66%;font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:.005em}:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.skip{position:fixed;left:16px;top:-60px;z-index:300;background:var(--bone);color:#000;padding:10px 14px}.skip:focus{top:12px}.loader{position:fixed;inset:0;z-index:200;background:var(--bg);display:grid;place-items:center;animation:loaderOut .85s 1.7s cubic-bezier(.76,0,.24,1) forwards}.loader-word{display:flex;align-items:center;gap:.06em;font:800 clamp(54px,17vw,140px)/1 Archivo,"Arial Narrow",sans-serif;font-stretch:66%;letter-spacing:.04em;color:var(--bone)}.loader-word i{display:block;height:.78em;width:0;overflow:hidden;border:1px solid transparent;background:#000;border-radius:3px;animation:slot 1.1s .35s cubic-bezier(.7,0,.2,1) forwards}.loader-word i img{height:100%;width:100%;padding:.1em;object-fit:contain;filter:drop-shadow(0 0 14px rgba(160,70,255,.7))}@keyframes slot{to{width:1em;border-color:#3a3445;margin-inline:.1em}}@keyframes loaderOut{to{transform:translateY(-101%);visibility:hidden}}.pf-top{position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) var(--gut) 14px;pointer-events:none}.pf-top>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-symbol{width:44px;height:38px;background:url(/forja-symbol-official-master-v3.png) center/contain no-repeat}.wordmark{display:grid;gap:3px}.wordmark b{font:800 20px/1 Archivo,Arial Narrow,sans-serif;font-stretch:66%;letter-spacing:.16em}.wordmark small{font:500 9px/1 Archivo,sans-serif;font-stretch:110%;letter-spacing:.62em;color:var(--glow)}.top-count,.back{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#cfc9d8;text-decoration:none;background:#08080d8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 12px;border:1px solid #ffffff1c;border-radius:999px}.back:hover{border-color:var(--glow)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:12px;letter-spacing:.2em;color:var(--glow);font-weight:700}.eyebrow span{width:30px;height:2px;background:linear-gradient(90deg,var(--hot-a),var(--hot-b))}html,body.home{height:100%;overflow:hidden;overscroll-behavior:none}body.home{position:fixed;inset:0;width:100%;-webkit-user-select:none;user-select:none}.stage{position:absolute;inset:0;touch-action:none;overflow:hidden;background:radial-gradient(70% 45% at 50% 100%,rgba(161,51,230,.22),transparent 70%),var(--bg)}.stage[inert]{visibility:hidden;transition:visibility 0s .6s}.reel{position:absolute;left:0;right:0;top:calc(72px + env(safe-area-inset-top,0px));--th:min(50svh,540px);height:calc(var(--th) + 40px);overflow:hidden;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.reel.drag{cursor:grabbing}.reel-track{display:flex;gap:clamp(12px,2.4vw,22px);width:max-content;padding-block:20px;will-change:transform}.tile{position:relative;flex:none;display:block;height:var(--th);aspect-ratio:390/756;border-radius:clamp(16px,2.6vw,26px);overflow:hidden;background:var(--iron-2);box-shadow:0 24px 44px -20px #000,0 0 0 1px #ffffff18 inset;transform:translateY(var(--ty,0)) rotate(var(--rot,0deg)) skew(var(--sk,0deg));transition:filter .3s}.tile:nth-child(6n+1){--ty:14px;--rot:-1.5deg}.tile:nth-child(6n+2){--ty:-10px;--rot:1.2deg}.tile:nth-child(6n+3){--ty:12px;--rot:-.8deg}.tile:nth-child(6n+4){--ty:-14px;--rot:1.6deg}.tile:nth-child(6n+5){--ty:8px;--rot:-1.2deg}.tile:nth-child(6n){--ty:-8px;--rot:.9deg}.tile img{width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}.tile .tag{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:8px;align-items:baseline;padding:7px 10px;border-radius:10px;background:#08080dbd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:800 clamp(13px,3.2vw,17px)/1 Archivo,sans-serif;font-stretch:66%;text-transform:uppercase;letter-spacing:.06em}.tile .tag i{font-style:normal;color:var(--glow);font-size:.8em}.tile:hover{filter:brightness(1.12)}.intro{position:absolute;z-index:2;left:var(--gut);right:var(--gut);bottom:calc(24px + env(safe-area-inset-bottom,0px));pointer-events:none}.intro h1{font-size:clamp(50px,min(15vw,13svh),130px)}.intro h1 span{display:block;animation:rise .9s 2.1s cubic-bezier(.2,.8,.2,1) both}.intro h1 .g{background:linear-gradient(90deg,var(--bone),var(--glow) 55%,var(--hot-b));-webkit-background-clip:text;background-clip:text;color:transparent;animation-delay:2.25s}.hint{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:#cfc9d8;letter-spacing:.04em}.hint i{width:22px;height:2px;background:var(--glow);animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translate(8px)}}.ig-mini{pointer-events:auto;display:inline-block;margin-top:10px;padding:8px 0;font-size:13px;font-weight:600;color:var(--glow);text-decoration:none}.ig-mini:hover{text-decoration:underline}@keyframes rise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}.view{position:fixed;inset:0;z-index:50;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--bg);-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-user-select:text;user-select:text;transform:translateY(100%);transition:transform .6s cubic-bezier(.76,0,.24,1)}.view[hidden]{display:none}.view.open{transform:none}.view.swap{transition:none;transform:none;animation:fadein .45s both}@keyframes fadein{0%{opacity:0}to{opacity:1}}.view-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) var(--gut) 14px;background:linear-gradient(var(--bg) 40%,transparent)}button.close{font:inherit;cursor:pointer;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#cfc9d8;background:#08080d8c;padding:8px 12px;border:1px solid #ffffff1c;border-radius:999px}button.close:hover{border-color:var(--glow)}.pj{max-width:1180px;margin:0 auto;padding:10px var(--gut) 40px}.pj-hero{display:grid;gap:28px;position:relative}.pj-hero:before{content:"";position:absolute;left:50%;top:0;width:120vw;max-width:900px;aspect-ratio:1;transform:translate(-50%,-10%);background:radial-gradient(closest-side,rgba(161,51,230,.3),transparent 70%);pointer-events:none}.pj-phone{position:relative;justify-self:center;width:min(66vw,300px);aspect-ratio:390/756;padding:8px;border-radius:40px;background:linear-gradient(160deg,#2a2634,#100f16 55%,#26212f);box-shadow:0 40px 70px -26px #000,0 0 0 1px #ffffff12 inset;transform:rotate(-2deg)}.pj-phone:before{content:"";position:absolute;z-index:3;left:50%;top:15px;width:54px;height:13px;margin-left:-27px;border-radius:10px;background:#08080d}.pj-phone .screen{position:absolute;inset:8px;border-radius:32px;overflow:hidden;background:var(--iron-2)}.pj-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.pj-title{position:relative}.pj-title h2{font-size:clamp(58px,17vw,150px);background:linear-gradient(90deg,var(--bone) 30%,var(--glow));-webkit-background-clip:text;background-clip:text;color:transparent}.pj-title .cat{margin-top:14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ash)}.pj-body{display:grid;gap:26px;justify-items:start;margin-top:34px}.pj-text{max-width:46ch;font-size:clamp(17px,2.4vw,21px);line-height:1.5;color:#d8d2df}.visit{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid #4a4356;border-radius:999px;text-decoration:none;font-weight:700;font-size:15px;transition:border-color .25s,background .25s}.visit span{color:var(--glow)}.visit:hover{border-color:var(--glow);background:#a133e624}.pj-desk{margin-top:clamp(40px,7vw,80px)}.browser{border:1px solid #3a3445;border-radius:14px;overflow:hidden;background:#100f16;box-shadow:0 40px 80px -30px #000,0 0 60px -20px #a133e659}.bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#17151e;border-bottom:1px solid #2b2733}.bar i{width:9px;height:9px;border-radius:50%;background:#3a3445}.bar span{margin-left:10px;flex:1;max-width:340px;padding:3px 12px;border-radius:999px;background:#0e0d13;color:var(--ash);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser img{width:100%;height:auto;aspect-ratio:1280/800}.pj-desk figcaption{margin-top:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.next{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin-top:clamp(48px,8vw,100px);padding:26px 0;border-block:1px solid var(--steel);text-decoration:none}.next span{grid-column:1;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash)}.next b{grid-column:1;font:800 clamp(38px,9vw,84px)/.95 Archivo,sans-serif;font-stretch:66%;text-transform:uppercase}.next em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:34px;color:var(--glow);transition:transform .3s}.next:hover em{transform:translate(6px)}.pf-foot{max-width:1180px;margin:0 auto;padding:30px var(--gut) calc(110px + env(safe-area-inset-bottom,0px));display:grid;gap:18px;color:#8f889a;font-size:14px}.ig{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border:1px solid #3a3445;border-radius:16px;text-decoration:none;font-weight:600;color:var(--bone);transition:border-color .25s,background .25s}.ig span{color:var(--glow);white-space:nowrap}.ig:hover{border-color:var(--glow);background:#a133e61f}.pf-foot small a{text-decoration:none;color:var(--ash)}.fab{position:fixed;z-index:60;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fab-btn{width:56px;height:56px;border-radius:50%;border:1px solid #ffffff2a;background:#15131bd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;position:relative;box-shadow:0 10px 30px -8px #000,0 0 24px -6px #a133e699}.fab-btn b{position:absolute;left:19px;right:19px;height:2px;background:var(--bone);transition:transform .3s,top .3s}.fab-btn b:first-child{top:23px}.fab-btn b:last-child{top:31px}.fab-btn[aria-expanded=true] b:first-child{top:27px;transform:rotate(45deg)}.fab-btn[aria-expanded=true] b:last-child{top:27px;transform:rotate(-45deg)}.fab-panel{display:grid;min-width:min(260px,calc(100vw - 32px));padding:8px;border:1px solid #3a3445;border-radius:18px;background:#0e0d13f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 50px -16px #000;animation:pop .25s cubic-bezier(.2,.8,.2,1)}.fab-panel[hidden]{display:none}.fab-panel a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px}.fab-panel a:hover,.fab-panel a[aria-current]{background:#a133e629}.fab-panel a span{color:var(--glow)}.fab-panel .sub{justify-content:flex-start;font-weight:500;font-size:14px;color:#cfc9d8;padding-left:22px}.fab-panel .sub i{font-style:normal;color:var(--glow);font-size:11px;letter-spacing:.1em;align-self:center;min-width:20px}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@media(min-width:760px){.pj-hero{grid-template-columns:auto 1fr;align-items:center;gap:6vw}.pj-phone{width:min(26vw,300px)}.pj-body{grid-template-columns:1fr auto;align-items:center;gap:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}.intro h1 span,.hint i{animation:none!important}.fab-panel{animation:none}.view{transition:none}}.pj-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.pj-actions small,.cs-cta small{flex-basis:100%;font-size:12px;letter-spacing:.06em;color:var(--ash)}.cs{margin-top:clamp(56px,9vw,110px);display:grid;gap:clamp(64px,10vw,120px)}.cs-note{display:flex;align-items:flex-start;gap:10px;max-width:62ch;padding:14px 16px;border:1px solid #3a3445;border-radius:14px;background:#15131b99;font-size:14px;line-height:1.5;color:#d8d2df}.cs-note i{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--glow);box-shadow:0 0 0 4px #c76bff29}.cs-sec{display:grid;gap:28px}.cs-head{display:grid;gap:14px;max-width:640px}.cs-head .eyebrow{margin:0}.cs-head h3{margin:0;font:800 clamp(36px,8vw,64px)/.95 Archivo,"Arial Narrow",sans-serif;font-stretch:66%;text-transform:uppercase;letter-spacing:.005em}.cs-text{font-size:clamp(16px,2.2vw,19px);line-height:1.55;color:#d8d2df;max-width:52ch}.cs-list{display:grid;gap:0;border-top:1px solid var(--steel)}.cs-list li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid var(--steel);font-size:15px;color:#e2dce8}.cs-list li:before{content:"";position:absolute;left:2px;top:19px;width:11px;height:6px;border-left:2px solid var(--glow);border-bottom:2px solid var(--glow);transform:rotate(-45deg)}.cs-chips{display:flex;flex-wrap:wrap;gap:8px}.cs-chips li{padding:7px 14px;border:1px solid #4a4356;border-radius:999px;font-size:13px;font-weight:600;color:#e2dce8}.cs-media figcaption{margin-top:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.cs-phone{margin:0}.cs-phone .screen{position:relative;display:block;aspect-ratio:600/1298;padding:7px;border-radius:34px;background:linear-gradient(160deg,#2a2634,#100f16 55%,#26212f);box-shadow:0 30px 60px -26px #000,0 0 0 1px #ffffff12 inset}.cs-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:28px}.cs-desks,.cs-phones{display:grid;grid-auto-flow:column;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1*var(--gut));padding:4px var(--gut) 10px;scroll-padding-inline:var(--gut)}.cs-desks::-webkit-scrollbar,.cs-phones::-webkit-scrollbar{display:none}.cs-desks{grid-auto-columns:86%}.cs-phones{grid-auto-columns:min(62vw,250px)}.cs-desks>*,.cs-phones>*{scroll-snap-align:start}.cs-mix{display:grid;gap:28px}.cs-mix .cs-phone{justify-self:center;width:min(62vw,260px)}.cs-swipe{margin-top:-14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--glow)}.cs-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:clamp(24px,4vw,40px);border:1px solid #3a3445;border-radius:22px;background:radial-gradient(80% 120% at 0% 0%,rgba(161,51,230,.18),transparent 60%),#100f16}@media(min-width:900px){.cs-sec{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;column-gap:56px}.cs-head{position:sticky;top:96px}.cs-swipe{display:none}.cs-desks{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible;margin-inline:0;padding:0;gap:22px}.cs-desks>:first-child{grid-column:1/-1}.cs-phones{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);overflow:visible;margin-inline:0;padding:0;gap:22px}.cs-mix{grid-template-columns:1fr 200px;align-items:end;gap:22px}.cs-mix .cs-phone{width:auto}}@media(min-width:1180px){.cs-phones{grid-template-columns:repeat(4,1fr)}.cs-sec:has(.cs-phones){grid-template-columns:1fr}.cs-sec:has(.cs-phones) .cs-head{position:static;max-width:none;grid-template-columns:1fr 1fr;column-gap:56px}.cs-sec:has(.cs-phones) .cs-head>:is(.eyebrow,h3){grid-column:1}.cs-sec:has(.cs-phones) .cs-head>:is(.cs-text,.cs-list){grid-column:2}.cs-sec:has(.cs-phones) .cs-head>.cs-text{grid-row:1/3;align-self:end}}
