:root{--bg:#071421;--panel:#102332;--ink:#f0f7f9;--muted:#aec0cd;--cyan:#6be3f2;--line:#29414f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--cyan)}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--cyan);font-size:48px;line-height:1}.brand span{color:var(--ink);font-size:13px;line-height:1.5;letter-spacing:.18em;font-weight:750}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:14px}.hero{position:relative;padding:90px 0 85px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 90% 40%,#16495b77,transparent 60%)}.hero .wrap{position:relative;z-index:1}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}h1{font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-.05em;max-width:950px;margin:22px 0}h1 em{font-style:normal;color:var(--cyan)}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.16;letter-spacing:-.04em;margin:14px 0 28px}h3{font-size:25px;line-height:1.25;letter-spacing:-.025em}p{color:var(--muted)}.lead{font-size:20px;max-width:670px}.actions{display:flex;align-items:center;gap:28px;margin:30px 0}.button{display:inline-flex;gap:30px;align-items:center;background:var(--cyan);color:#061621;padding:14px 22px;text-decoration:none;border-radius:5px;font-weight:700}.button:hover{background:white;color:#061621}.quiet{font-size:14px}.herofoot,.small{font-size:12px;color:var(--muted)}.herofoot{margin-top:40px}.orbit{position:absolute;right:-100px;top:30px;width:500px;height:500px;border:1px solid #6be3f244;border-radius:50%;transform:rotate(-25deg) scaleX(.6)}.orbit:after{content:'';position:absolute;inset:40px;border:1px solid #6be3f244;border-radius:50%}.section{padding-top:72px;padding-bottom:72px}.sectionhead{display:grid;grid-template-columns:3fr 2fr;gap:60px;align-items:center}.search{display:block;color:var(--muted);font-size:12px;max-width:550px}input{display:block;width:100%;padding:15px 18px;margin-top:8px;background:var(--panel);border:1px solid var(--line);border-radius:6px;font:inherit;font-size:15px;color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.robot{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.robot[hidden]{display:none}.picture{display:block;background:#dde5e8}.picture img{display:block;width:100%;height:300px;object-fit:contain}.cardbody{padding:24px;display:flex;flex-direction:column;flex:1}.cardbody h3{margin:9px 0}.cardbody h3 a{text-decoration:none}.cardbody p{font-size:14px}.arrow{font-size:14px;color:var(--cyan);margin-top:auto;padding-top:12px}.learning{background:#102432}.guides{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide{padding:28px;border:1px solid #3b5360;text-decoration:none;border-radius:8px}.guide h3{max-width:400px;margin:15px 0}.guide p{font-size:15px}.guide:hover{background:#173447;color:white}.resources{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:32px 0}.resources a{border-top:1px solid var(--line);padding:20px 0;text-decoration:none}.resources span{display:block;font-size:14px;color:var(--muted);margin-top:8px}.feedback{padding:40px;background:#133646;border:1px solid #326171;border-radius:10px;margin-bottom:70px}.feedback p{max-width:650px}footer{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:35px 0;border-top:1px solid var(--line);font-size:14px}footer .small{grid-column:1/-1}footer p{margin:6px 0}.detail{padding-top:45px;padding-bottom:60px}.detailgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;margin-top:40px}.detailgrid figure{margin:0}.detailgrid img{width:100%;max-height:560px;object-fit:contain;background:#dde5e8;border-radius:8px}.detailgrid h1{font-size:55px}.note{padding:22px;border-left:2px solid var(--cyan);background:var(--panel);margin-top:30px}.note p{font-size:14px}.reading{max-width:760px;padding-top:65px;padding-bottom:65px}.reading h1{font-size:clamp(38px,5vw,58px)}.reading h2{font-size:27px;margin-top:38px}.reading li{margin-bottom:20px;color:var(--muted);overflow-wrap:anywhere}.reading a{color:var(--cyan)}hr{border:0;border-top:1px solid var(--line);margin-top:40px}.skip{position:absolute;left:20px;top:-100px;background:white;color:black;padding:12px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid #ffd279;outline-offset:5px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.sectionhead{display:block}.detailgrid{grid-template-columns:1fr}.hero{padding:55px 0}.orbit{opacity:.3}.actions{align-items:flex-start;flex-direction:column;gap:18px}.detailgrid h1{font-size:44px}}@media(max-width:520px){.wrap{width:calc(100% - 32px)}header{gap:12px;min-height:85px}.brand{font-size:34px}.brand span{font-size:9px}nav{gap:13px}nav a{font-size:12px}.grid,.guides,.resources{grid-template-columns:1fr}.picture img{height:280px}.section{padding:45px 0}.feedback{padding:26px}.lead{font-size:18px}footer{grid-template-columns:1fr}.reading{padding-top:35px}h1{font-size:42px}.herofoot{font-size:11px}.orbit{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Restore the original approved hero artwork, retaining the robot on the right. */
.hero{min-height:650px;background:#071421;isolation:isolate}.hero::before{content:"";position:absolute;inset:0 0 0 43%;z-index:-1;background-image:linear-gradient(90deg,#071421 0%,transparent 35%),url('/assets/hero-universo-humanoide.png');background-repeat:no-repeat;background-size:100% 100%,auto 180%;background-position:center,80% 16%}.hero .orbit{display:none}.hero h1{max-width:650px;font-size:clamp(40px,5.2vw,68px)}.hero .lead{max-width:550px}.hero .quiet{max-width:240px}.hero-art-caption{position:absolute;right:24px;bottom:14px;font-size:11px;color:#fff;background:#071421b8;padding:3px 9px;border-radius:4px}.hero .herofoot{max-width:500px}@media(max-width:800px){.hero{padding-top:45px;padding-bottom:45px}.hero::before{inset:0;background-image:linear-gradient(90deg,#071421f5 0%,#071421c9 48%,#07142133 100%),url('/assets/hero-universo-humanoide.png')}.hero h1{max-width:80%;font-size:48px}.hero .lead{max-width:65%;font-size:18px}.hero .quiet{max-width:60%}}@media(max-width:520px){.hero{min-height:720px;padding-top:280px}.hero::before{background-size:100% 100%,auto 150%;background-position:center,79% 4%;background-image:linear-gradient(0deg,#071421 5%,#071421ed 47%,transparent 90%),url('/assets/hero-universo-humanoide.png')}.hero h1{max-width:100%;font-size:40px}.hero .lead{max-width:100%}.hero-art-caption{right:12px;top:12px;bottom:auto;font-size:9px}}
@media(min-width:801px){.hero::before{background-image:linear-gradient(90deg,#071421 0%,transparent 35%,transparent 85%,#071421 100%),linear-gradient(0deg,#071421 0%,transparent 18%),url('/assets/hero-universo-humanoide.png');background-size:100% 100%,100% 100%,auto 180%;background-position:center,center,76% 5%}}