/* Contemporary studio surfaces; the Macintosh shell and scroll choreography stay. */
.visual-scene{background:radial-gradient(ellipse at 90% 15%,#9e77ec25,transparent 52%),#202025;border-color:#ffffff16;box-shadow:0 20px 60px #0002}.studio-grid{background:none;mask-image:none}.scene-top{color:#dfd8eb;font:600 10px 'DM Sans',sans-serif;letter-spacing:.15em}.motion-toggle{background:#ffffff09;border-color:#ffffff26;color:#eee9f3;border-radius:100px}.visual-scene figcaption{background:#202025;color:#eee9f3;border-color:#ffffff12;font-family:'DM Sans',sans-serif}.visual-scene figcaption span:last-child{color:#bfbac9}.demo-browser{left:5%;top:76px;width:63%;height:315px;background:#faf8f2;border:0;border-radius:14px;transform:rotate(-2deg);box-shadow:0 22px 45px #0005;transition:width .7s,left .7s,transform .7s,background .5s}.browser-bar{border-color:#29253014;color:#736d7d;background:#f0ece5;border-radius:14px 14px 0 0}.browser-bar i{background:#c5b7db}.browser-bar span{color:#675e74;font-family:'DM Sans',sans-serif}.demo-content{position:relative;padding:22px}.demo-kicker{color:#655676;font:700 9px 'DM Sans',sans-serif;letter-spacing:.16em}.demo-content strong{position:relative;z-index:2;width:65%;font:600 30px/1.03 'DM Sans',sans-serif;letter-spacing:-1.1px;color:#26202f;margin:14px 0}.demo-description{color:#6d627a;font:11px/1.5 'DM Sans',sans-serif;max-width:53%;margin:10px 0}.demo-cta{border-radius:30px;font-weight:700;color:#211a28;padding:9px 14px}.demo-tiles{gap:7px;margin-top:15px}.demo-tiles i{display:grid;place-items:center;height:36px;background:#ece5f5;color:#665176;font:9px 'DM Sans',sans-serif;border-radius:7px}.demo-tiles i:nth-child(2){background:#fff0a8}.demo-tiles i:nth-child(3){background:#e4e0ed}.demo-art{position:absolute;right:16px;top:45px;width:28%;aspect-ratio:1;border-radius:45% 45% 20% 45%;background:#c9a8ed;display:grid;place-items:center;transform:rotate(8deg);box-shadow:inset -10px -12px 0 #a776d836}.demo-art span{font:75px/1 sans-serif;color:#f8f2e4}.demo-art i{position:absolute;width:32px;height:32px;right:-8px;bottom:-5px;background:#ffda32;border-radius:50%;border:5px solid #faf8f2}.float-code{background:#3f3257;color:#f1e4ff;border:0;border-radius:10px;box-shadow:0 10px 25px #0003;top:350px}.float-code span{color:#cbbbda}.dev-scene[data-phase="0"] .demo-browser{background:#fbf9f3;transform:rotate(-4deg) translateY(8px)}.dev-scene[data-phase="0"] .demo-content strong{outline-color:#9d8bad}.dev-scene[data-phase="0"] .demo-art{background:none;outline:1px dashed #9d8bad;box-shadow:none}.dev-scene[data-phase="0"] .demo-art>*{opacity:0}.dev-scene[data-phase="0"] .demo-tiles i{color:transparent;border-color:#9d8bad}.dev-scene[data-phase="0"] .demo-cta{outline-color:#9d8bad}.dev-scene[data-layout="phone"] .demo-browser{left:15%;width:230px;transform:rotate(2deg);height:320px;border-radius:22px}.dev-scene[data-layout="phone"] .demo-art{width:64px;top:118px;right:15px}.dev-scene[data-layout="phone"] .demo-art span{font-size:48px}.dev-scene[data-layout="phone"] .demo-content strong{width:100%;font-size:27px}.dev-scene[data-layout="phone"] .demo-description{max-width:64%}.dev-scene[data-layout="phone"] .demo-tiles{gap:3px}.dev-scene[data-layout="phone"] .demo-tiles i{font-size:7px}.comparison-art{top:60px;left:5%;width:360px;height:360px;border:0;border-radius:16px;box-shadow:0 14px 45px #0005}.compare-label{font-family:'DM Sans',sans-serif;letter-spacing:.04em;border-radius:20px;padding:5px 9px}.marketing-scene{background:radial-gradient(ellipse at 70% 50%,#a66fe331,transparent 65%),#232027}.compare-control label{font-family:'DM Sans',sans-serif;color:#e8ddf2}.marketing-frog{background-image:url('/assets/content/marketing-frames/pose-0.webp');background-size:100% 100%;bottom:138px;right:3%}.project-scene{background:radial-gradient(ellipse at 30% 50%,#bf97e527,transparent 65%),#242127}.archive-scene{background:#242127}.archive-statement{color:#f7f2ff}.sound-ribbon i{background:#bd96e7}
.metrics-screen{--metric-accent:#c9a7fa;background:radial-gradient(circle at 95% 10%,#9971d838,transparent 70%),#25212c;color:#fbf6ff;box-shadow:inset 0 0 22px #0002}.metrics-screen[data-accent="shares"]{--metric-accent:#ffdf55;background:radial-gradient(circle at 95% 10%,#b9943130,transparent 70%),#28252a}.metrics-screen[data-accent="saves"]{--metric-accent:#e8c4fa;background:radial-gradient(circle at 95% 10%,#ba67a733,transparent 70%),#28212b}.metrics-screen .chapter-toolbar{background:none;color:#d1c3e2;border-bottom:0;font-family:'DM Sans',sans-serif;letter-spacing:.02em}.metric-number{color:#faf7ff;font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-2px;font-size:clamp(30px,4.2vw,60px);line-height:1}.metric-card h3{color:var(--metric-accent);font-weight:600;font-size:clamp(10px,1.1vw,16px);margin-top:8px}.metric-card p.metric-networks{display:flex;align-items:center;gap:7px;margin:9px 0 3px;font-family:'DM Sans',sans-serif}.metric-network{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ffffff10;color:#ede5f7;flex:none}.metric-network svg{width:12px;height:12px;fill:currentColor}.metric-dots{gap:6px}.metric-dots button{border:0;background:#ffffff08;border-radius:12px;font-family:'DM Sans',sans-serif;color:#cbbfd8;min-height:25px}.metric-dots button[aria-pressed=true]{background:#d4b4ff;color:#282032}.metrics-screen[data-accent="shares"] .metric-dots button[aria-pressed=true]{background:#ffdf55}.metrics-screen #metrics-open{font-family:'DM Sans',sans-serif;color:#f0e7f9;border:0;padding:5px 0;min-height:30px}.dev-screen{background:#272330;color:#f6f0ff}.dev-screen .chapter-toolbar{background:transparent;color:#c4abd9;border-color:#ffffff16}.dev-visual pre{color:#e4c2ff}.mini-web{padding:8px;border-radius:9px;background:#faf7f0;color:#2d2139}.mini-web>span{color:#78628c}.mini-web strong{color:#2d2139;font-family:'DM Sans',sans-serif;font-weight:700}.mini-products span{background:#d6bcf0}.mini-products span:nth-child(2){background:#ffe57e}.mini-products span:nth-child(3){background:#e8d8f5}.code-status{color:#c2b4cd}.automation-flow span{background:#c6a0ee22;color:#e5d3f8}.automation-flow span:last-child{background:#ffdf55;color:#30253b}.marketing-screen{background:linear-gradient(135deg,#342b42,#24212b);color:#f8efff}.marketing-screen .chapter-toolbar{background:transparent;color:#dbbff4;border-color:#ffffff15}.campaign-scene h3{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.5px}.reel-preview{background:#c9a5f0;color:#302139}.marketing-screen .campaign-label{color:#ffe05c}.brief-lines{font-family:'DM Sans',sans-serif}.signal-bars i{background:linear-gradient(to top,#c79aef var(--bar),#ffffff09 var(--bar))}
@media(max-width:700px){.demo-browser{left:4%;width:83%;top:62px;height:285px}.demo-content{padding:15px}.demo-content strong{font-size:23px;width:67%}.demo-description{font-size:9px}.demo-art{right:12px;top:62px;width:27%}.demo-art span{font-size:48px}.demo-art i{width:23px;height:23px;border-width:4px}.demo-tiles i{font-size:7px}.float-code{top:320px;font-size:9px}.float-code span{font-size:8px}.dev-scene[data-layout="phone"] .demo-browser{left:8%;width:200px;height:285px}.dev-scene[data-layout="phone"] .demo-content strong{font-size:23px}.dev-scene[data-layout="phone"] .demo-art{width:48px;top:109px}.dev-scene[data-layout="phone"] .demo-art span{font-size:38px}.dev-scene .scene-frog{width:160px;right:-2%;bottom:75px}.comparison-art{left:4%;top:58px;width:250px;height:250px}.marketing-frog{right:-2%;bottom:142px;width:145px}.metric-number{font-size:34px;letter-spacing:-1px}.metric-card h3{font-size:10px}.metric-network{width:17px;height:17px}.metric-network svg{width:10px;height:10px}.metric-card p.metric-networks{gap:5px;margin:6px 0 2px}.metrics-screen #metrics-open{min-height:36px;font-size:9px}.mini-web{padding:5px}.mini-web strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.demo-browser,.demo-art{transition:none!important;transform:none!important}}

body:has(>main#contenido){background:#151518}body:has(>main#contenido) .cards article{background:#242229;border-color:#ffffff16}body:has(>main#contenido) .cards p{color:#cec8d5}

/* Keep the refreshed layout with the original metrics typography. */
.metrics-screen .chapter-toolbar,.metrics-screen .metric-number,.metrics-screen .metric-card h3,.metrics-screen .metric-card p,.metrics-screen .metric-dots button,.metrics-screen #metrics-open{font-family:'Syne Mono',monospace}
.metrics-screen .metric-number{font-weight:400}